/* Skrýt horizontální scrollbar způsobený .alignfull */
html, body { overflow-x: hidden; }

/**
 * Fototapety — Shop CSS
 * Uložit: /wp-content/themes/generatepress_child/ft-shop.css
 */

.ft-shop { max-width: 1440px; margin: 0 auto; padding: 32px 40px 80px; font-family: var(--ft-body); color: var(--ft-fg); }
.ft-shop__head { padding: 32px 0 24px; border-bottom: 1px solid var(--ft-line); margin-bottom: 24px; }
.ft-shop__eyebrow { font-family: var(--ft-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ft-mute); display: block; margin-bottom: 12px; }
.ft-shop__h { font-family: var(--ft-display); font-size: clamp(48px,6vw,88px); font-weight: 400; line-height: 1; letter-spacing: -.025em; margin-bottom: 16px; color: var(--ft-fg); }
.ft-shop__h em { font-style: italic; color: var(--ft-accent); }
.ft-shop__sub { color: var(--ft-mute); font-size: 15px; }
/* Reset overflow na všech parentech aby sticky fungovalo */
.wc-columns-container,
.woocommerce-archive-wrapper,
.inside-article,
.entry-content,
#wc-column-container { overflow: visible !important; }
.ft-shop__layout { display: grid; grid-template-columns: 264px 1fr; gap: 48px; align-items: start; position: relative; }
.ft-shop__main { min-width: 0; }
.ft-shop__toolbar { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 16px; flex-wrap: wrap; position: sticky; top: 72px; z-index: 50; background: color-mix(in oklab, var(--ft-bg) 92%, transparent); backdrop-filter: blur(12px); padding: 12px 0; border-bottom: 1px solid var(--ft-line); }
.ft-shop__result-count { color: var(--ft-mute); font-size: 12px; font-family: var(--ft-mono); }
.ft-sort { display: flex; align-items: center; gap: 10px; }
.ft-sort-lbl { font-family: var(--ft-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ft-mute); }
.ft-sort-sel { font: inherit; padding: 8px 14px; border-radius: 999px; border: 1px solid var(--ft-line); background: transparent; color: var(--ft-fg); font-size: 13px; outline: none; }
.ft-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.ft-chip { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: var(--ft-accent); color: #1a1118; font-size: 12px; font-weight: 500; border: 0; cursor: pointer; transition: opacity .15s; }
.ft-chip:hover { opacity: .8; }
.ft-chip--clear { background: transparent; color: var(--ft-fg); border: 1px solid var(--ft-line); }
.ft-chip--clear:hover { background: var(--ft-bg3); opacity: 1; }
.ft-facet-sb { position: sticky; top: 88px; display: flex; flex-direction: column; height: calc(100vh - 104px); max-height: calc(100vh - 104px); overflow-y: auto; padding-right: 8px; scrollbar-width: thin; scrollbar-color: var(--ft-line) transparent; align-self: start; }
.ft-facet-sb__head { padding: 4px 0 16px; border-bottom: 1px solid var(--ft-line); margin-bottom: 4px; }
.ft-facet-sb__title { font-family: var(--ft-mono); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--ft-mute); }
.ft-facet { border-bottom: 1px solid var(--ft-line); }
.ft-facet__btn { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 14px 4px; font-size: 13px; font-weight: 600; text-align: left; color: var(--ft-fg); background: none; border: 0; cursor: pointer; }
.ft-facet__caret { font-family: var(--ft-mono); font-size: 14px; color: var(--ft-mute); }
.ft-facet__body { padding: 0 4px 14px; display: flex; flex-direction: column; gap: 6px; }
.ft-facet__search { font: inherit; font-size: 12px; padding: 7px 10px; border-radius: 4px; border: 1px solid var(--ft-line); background: transparent; color: var(--ft-fg); outline: none; }
.ft-facet__search:focus { border-color: var(--ft-fg); }
.ft-facet__list { list-style: none; display: flex; flex-direction: column; gap: 1px; }
.ft-facet__item label { display: grid; grid-template-columns: 16px 1fr auto; align-items: center; gap: 10px; padding: 5px 4px; border-radius: 3px; cursor: pointer; font-size: 13px; }
.ft-facet__item label:hover { background: var(--ft-bg3); }
.ft-facet__item input { display: none; }
.ft-facet__expand { background: none; border: none; color: var(--ft-mute); font-size: 11px; padding: 0 4px; cursor: pointer; line-height: 1; flex-shrink: 0; }
.ft-facet__expand:hover { color: var(--ft-fg); }
.ft-facet__item.has-children { display: flex; align-items: center; }
.ft-facet__item.has-children label { flex: 1; }
.ft-facet__mark { width: 16px; height: 16px; border: 1.5px solid var(--ft-line); border-radius: 3px; flex-shrink: 0; position: relative; transition: all .12s; }
.ft-facet__item.radio .ft-facet__mark { border-radius: 50%; }
.ft-facet__item.on .ft-facet__mark { background: var(--ft-accent); border-color: var(--ft-accent); }
.ft-facet__item.on:not(.radio) .ft-facet__mark::after { content: ''; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #1a1118; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ft-facet__item.on.radio .ft-facet__mark::after { content: ''; position: absolute; left: 4px; top: 1px; width: 5px; height: 9px; border: solid #1a1118; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ft-facet__lbl { font-size: 13px; color: var(--ft-fg); }
.ft-facet__item.child .ft-facet__lbl { padding-left: 14px; color: var(--ft-mute); position: relative; }
.ft-facet__item.child .ft-facet__lbl::before { content: ''; position: absolute; left: 0; top: 50%; width: 8px; height: 1px; background: var(--ft-line); }
.ft-facet__item.on .ft-facet__lbl { color: var(--ft-fg); }
.ft-facet__count { font-family: var(--ft-mono); font-size: 10px; color: var(--ft-mute); }
.ft-facet__more { font-size: 12px; color: var(--ft-mute); padding: 4px; background: none; border: 0; border-bottom: 1px solid var(--ft-line); cursor: pointer; align-self: flex-start; }
.ft-facet__more:hover { color: var(--ft-fg); }
.ft-facet__clear-btn { margin-top: 16px; padding: 10px 14px; border: 1px solid var(--ft-line); border-radius: 999px; font-size: 12px; font-weight: 500; color: var(--ft-fg); background: none; cursor: pointer; width: 100%; }
.ft-facet__clear-btn:hover { background: var(--ft-fg); color: var(--ft-bg); }
.ft-shop__grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 32px 24px; }
.ft-ph-card { cursor: pointer; text-decoration: none; color: inherit; display: block; }
.ft-ph-img-wrap { overflow: hidden; border-radius: 4px; background: var(--ft-bg2); display: flex; align-items: center; justify-content: center; min-height: 180px; }
.ft-ph-img { width: 100%; height: auto; max-height: 320px; object-fit: contain; display: block; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.ft-ph-card:hover .ft-ph-img { transform: scale(1.03); }
.ft-ph-meta { display: flex; justify-content: space-between; align-items: start; gap: 16px; padding: 14px 2px 0; }
.ft-ph-title { font-family: var(--ft-display); font-size: 19px; font-weight: 500; letter-spacing: -.01em; color: var(--ft-fg); margin: 0 0 2px; display: block; }
.ft-ph-place { font-size: 12px; color: var(--ft-mute); display: block; }
.ft-ph-price { font-family: var(--ft-mono); font-size: 12px; letter-spacing: .04em; color: var(--ft-fg); white-space: nowrap; }
.ft-ph-sizes { font-size: 11px; color: var(--ft-mute); display: block; }
.ft-shop__empty { padding: 80px; text-align: center; color: var(--ft-mute); grid-column: 1/-1; }
.ft-shop__loading {
  grid-column: 1/-1; display: flex; align-items: center; justify-content: center;
  gap: 12px; min-height: 320px; color: var(--ft-mute);
  font-family: var(--ft-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase;
}
.ft-shop__loading-spinner {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid var(--ft-line); border-top-color: var(--ft-accent);
  animation: ft-spin .7s linear infinite; flex-shrink: 0;
}
@keyframes ft-spin { to { transform: rotate(360deg); } }
.ft-shop__empty p { margin-bottom: 16px; }
.ft-link-arrow { font-size: 14px; font-weight: 500; color: var(--ft-fg); text-decoration: none; border-bottom: 1px solid var(--ft-fg); padding-bottom: 2px; background: none; border-top: 0; border-left: 0; border-right: 0; cursor: pointer; }
.ft-pagination { display: flex; justify-content: center; gap: 8px; margin-top: 48px; }
.ft-page-btn { width: 40px; height: 40px; border-radius: 999px; border: 1px solid var(--ft-line); background: transparent; color: var(--ft-fg); font-size: 13px; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all .15s; }
.ft-page-btn:hover { background: var(--ft-bg3); }
.ft-page-btn.active { background: var(--ft-accent); color: #1a1118; border-color: var(--ft-accent); }
.ft-page-btn:disabled { opacity: .3; cursor: not-allowed; }
.ft-skeleton { background: var(--ft-bg2); border-radius: 4px; animation: ft-pulse 1.4s ease-in-out infinite; }
@keyframes ft-pulse { 0%,100%{opacity:1} 50%{opacity:.4} }

/* Skrýt WC nativní loop a paginaci */
.woocommerce .products, .woocommerce-page .products,
.woocommerce ul.products, .woocommerce-page ul.products { display: none !important; }
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count { display: none !important; }

@media (max-width: 1024px) {
  .ft-shop { padding: 24px 24px 64px; }
  .ft-shop__layout { grid-template-columns: 1fr; }
  .ft-facet-sb { position: static; max-height: none; display: grid; grid-template-columns: repeat(2,1fr); gap: 0 24px; }
  .ft-facet-sb__head { grid-column: 1/-1; }
}
@media (max-width: 640px) {
  .ft-shop { padding: 16px 16px 48px; }
  .ft-shop__grid { grid-template-columns: repeat(2,1fr); gap: 20px 14px; }
  .ft-facet-sb { grid-template-columns: 1fr; }
}

.woocommerce-pagination,
.woocommerce nav.woocommerce-pagination { display: none !important; }

/* Načíst další */
#ft-load-more { display: flex; justify-content: center; margin-top: 40px; }
.ft-load-more-btn {
  padding: 14px 32px; border-radius: 999px;
  border: 1px solid var(--ft-line); background: transparent;
  color: var(--ft-fg); font-size: 14px; font-weight: 500; cursor: pointer;
  transition: all .2s;
}
.ft-load-more-btn:hover { background: var(--ft-bg3); border-color: var(--ft-mute); }
.ft-load-more-btn:disabled { opacity: .4; cursor: not-allowed; }

/* Sidebar overlay během přepočtu counts */
#ft-facet-overlay {
  position: absolute; z-index: 10;
  background: color-mix(in oklab, var(--ft-bg2) 80%, transparent);
  backdrop-filter: blur(2px);
  display: none; align-items: center; justify-content: center;
  border-radius: 4px; pointer-events: none;
}


/* ── B2B CTA sekce ─────────────────────────────────────────────── */
.ft-b2b {
    background: radial-gradient(1100px 600px at 15% -10%, color-mix(in oklab, var(--ft-accent) 16%, transparent), transparent 60%), radial-gradient(900px 500px at 90% 110%, color-mix(in oklab, var(--ft-accent) 10%, transparent), transparent 60%), var(--ft-bg2);
    border-top: 1px solid rgba(255,255,255,.06);
}
.ft-b2b__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 72px 48px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 48px;
    align-items: center;
}
.ft-b2b__heading {
    font-family: var(--ft-display, 'Cormorant Garamond', serif);
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 400;
    color: var(--ft-fg, #f1ede4);
    line-height: 1.1;
    letter-spacing: -.02em;
    margin: 16px 0;
}
.ft-b2b__heading em {
    font-style: italic;
    color: var(--ft-accent, #b8a3e8);
}
.ft-b2b__body {
    font-size: 14px;
    color: var(--ft-mute, #9b968a);
    line-height: 1.75;
    max-width: 500px;
    margin-bottom: 20px;
}
.ft-b2b__clients {
    font-family: var(--ft-mono, 'JetBrains Mono', monospace);
    font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--ft-mute, #9b968a);
}
.ft-b2b__right {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-left: 1px solid rgba(255,255,255,.06);
    padding-left: 48px;
    min-width: 220px;
}
.ft-b2b__right-label {
    font-family: var(--ft-mono, 'JetBrains Mono', monospace);
    font-size: 10px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--ft-mute, #9b968a);
}
.ft-b2b__right-heading {
    font-family: var(--ft-display, 'Cormorant Garamond', serif);
    font-size: 22px;
    font-weight: 400;
    color: var(--ft-fg, #f1ede4);
    line-height: 1.3;
}
.ft-b2b__right-heading em {
    font-style: italic;
    color: var(--ft-accent, #b8a3e8);
}
.ft-b2b__btn {
    display: inline-block;
    background: var(--accent, #f00069);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 13px 24px;
    text-decoration: none;
    letter-spacing: .02em;
    transition: opacity .15s;
}
.ft-b2b__btn:hover { opacity: .85; }
.ft-b2b__sub {
    font-size: 12px;
    color: var(--ft-mute, #9b968a);
    line-height: 1.6;
    max-width: 200px;
}
@media (max-width: 768px) {
    .ft-b2b__inner {
        grid-template-columns: 1fr;
        padding: 48px 24px;
    }
    .ft-b2b__right {
        border-left: none;
        border-top: 1px solid rgba(255,255,255,.06);
        padding-left: 0;
        padding-top: 32px;
    }
}