/* ---------- Písma: jeden český subset na písmo (scripts/eroka/build_fonts.py) — přebíjí @font-face z custom.css ---------- */
@font-face{font-family:"Figtree CS";font-style:normal;font-weight:300 900;font-display:swap;src:url("../fonty/figtree-cs.woff2") format("woff2")}
@font-face{font-family:"Young Serif CS";font-style:normal;font-weight:400;font-display:swap;src:url("../fonty/young-serif-cs.woff2") format("woff2")}
/* Jiný název rodiny = Chrome při chybějícím glyfu (✔, 🔥 …) neprohledává staré latin/latin-ext soubory z custom.css (30 kB navíc). */
:root{--font:"Figtree CS",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-h:"Young Serif CS",Georgia,"Times New Roman",serif}

/* ==========================================================================
   Eroka v2.2 — mobile-first rozvržení (12. 10. 2026). Načítá se jen za erk_opt_on().
   Pořadí na mobilu u produktu: titulek → malý obrázek → cena + CTA → nabídky obchodů → popis.
   ========================================================================== */

/* ---------- Chipy podkategorií (vodorovně posuvné na mobilu, zalamují se na desktopu) ---------- */
.erk-chipy{margin:0 0 16px}
.erk-chipy ul{display:flex;gap:8px;list-style:none;margin:0;padding:2px 2px 8px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.erk-chipy ul::-webkit-scrollbar{display:none}
.erk-chipy li{flex:none;scroll-snap-align:start;margin:0;padding:0;list-style:none}
.erk-chipy li::marker{content:""}
.erk-chipy li::before{display:none!important}
.erk-chipy a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:2px solid var(--plum);border-radius:var(--r-p);background:#fff;color:var(--plum);font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap}
.erk-chipy a:hover{background:var(--butter);color:var(--plum)}
/* na desktopu má stejné odkazy postranní panel — chipy by jen posunuly výpis dolů */
@media (min-width:768px){.erk-chipy{display:none}}

/* ---------- Úvodní text kategorie: na mobilu sbalený (celý text zůstává v HTML) ---------- */
.erk-vice-btn{display:none}
@media (max-width:767px){
  .erk-opt .term-description{max-height:7.6em;overflow:hidden;position:relative;padding:14px 16px;font-size:.98rem;margin-bottom:0}
  .erk-opt .term-description:not(.je-otevreno):after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.2em;background:linear-gradient(rgba(255,255,255,0),#fff)}
  .erk-opt .term-description.je-otevreno{max-height:none}
  .erk-vice-btn{display:inline-flex;align-items:center;min-height:44px;margin:8px 0 14px;padding:0 20px;border:2px solid var(--plum);border-radius:var(--r-p);background:#fff;color:var(--plum);font-weight:800;font-size:.93rem;cursor:pointer}
  .erk-vice-btn[hidden]{display:none}
  .erk-opt .erk-catusp{display:none}
  .erk-opt h1.arc-main-title{font-size:2rem!important;margin-bottom:12px!important}
  .erk-opt .woocommerce-breadcrumb{margin-bottom:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}

/* ---------- Detail produktu na mobilu ---------- */
@media (max-width:767px){
  .erk-opt .rh_post_layout_compare_full{display:flex!important;flex-direction:column;padding:16px!important;box-shadow:var(--sh-s)}
  :where(.erk-opt .rh_post_layout_compare_full>*,
         .erk-opt .rh_post_layout_compare_full>.wpsm-two-third>*,
         .erk-opt .rh_post_layout_compare_full>.wpsm-two-third>.wpsm-one-half>*){order:20}
  .erk-opt .rh_post_layout_compare_full>.wpsm-two-third,
  .erk-opt .rh_post_layout_compare_full>.wpsm-two-third>.wpsm-one-half{display:contents!important}

  .erk-opt .title_single_area{order:1;margin:0 0 4px!important}
  .erk-opt .title_single_area h1{font-size:1.5rem!important;line-height:1.2;margin:0!important}
  .erk-opt .meta-in-compare-full{order:2;margin:0 0 10px!important}
  .erk-opt .meta-in-compare-full>div:first-child{display:none}            /* „Přidat recenzi“ (0 recenzí) */
  .erk-opt .rh_post_layout_compare_full [class*="compare-full-image"]{order:3;width:100%!important;margin:0 0 14px!important;padding:0!important;float:none!important}
  .erk-opt .rh_post_layout_compare_full [class*="compare-full-image"] figure{margin:0}
  .erk-opt .rh_post_layout_compare_full [class*="compare-full-image"] img{display:block;margin:0 auto;width:auto!important;max-width:100%;max-height:240px;object-fit:contain}
  .erk-opt .compare-button-holder{order:4;margin:0 0 14px!important}
  .erk-opt .compare-button-holder p.price{font-size:2rem;margin:4px 0 8px}
  .erk-opt .compare-button-holder .single_add_to_cart_button,.erk-opt .compare-button-holder a.btn_offer_block{display:flex!important;width:100%;justify-content:center;text-align:center;min-height:52px;align-items:center}
  .erk-opt .widget_merchant_list{order:5;margin:0 0 14px}
  .erk-opt .pricealertpopup-wrap{order:6;margin:0 0 12px}
  .erk-opt .woocommerce-product-details__short-description{order:7;margin:0 0 12px;font-size:1rem}
  .erk-opt .woo-button-actions-area,.erk-opt .rh_post_layout_compare_full .clearfix{order:30}
  .erk-opt .top_share,.erk-opt .woo-single-meta,.erk-opt .price_updated{order:31}

  /* tabulka obchodů: větší dotykové plochy */
  .erk-opt .widget_merchant_list .buttons_col a{min-height:44px;display:flex;align-items:center;justify-content:center}
  .erk-opt .erk-relcats{margin:10px 0}

  /* bloky pod hlavičkou: méně vnitřního odsazení */
  .erk-opt .rh-tabletext-block-wrapper{padding:16px!important}
  .erk-opt .rh-tabletext-block-heading{padding:12px 16px!important}
  .erk-opt .erk-magbox{margin:20px 0 6px;padding:18px 16px}
}

/* ---------- Plovoucí lišta s nákupem (Rehub #float-panel-woo-area) — na mobilu pevně dole ---------- */
@media (max-width:767px){
  .erk-opt #float-panel-woo-area{box-shadow:0 -6px 0 -2px rgba(59,16,48,.12)}
  .erk-opt #float-panel-woo-area .float-panel-woo-image,.erk-opt #float-panel-woo-area .float-panel-woo-info{display:none}
  .erk-opt #float-panel-woo-area .rh-container{padding:8px 12px!important;gap:12px}
  .erk-opt #float-panel-woo-area .float-panel-woo-price{font-family:var(--font-h);font-size:1.3rem;color:var(--plum)}
  .erk-opt #float-panel-woo-area a.erk-floatbuy,.erk-opt #float-panel-woo-area a.btn_offer_block,.erk-opt #float-panel-woo-area .single_add_to_cart_button{min-height:48px;display:flex!important;align-items:center;justify-content:center;font-size:.98rem!important;padding:0 18px!important;box-shadow:var(--sh-s)}
}

/* ---------- Homepage: na mobilu H1 a hledání hned nahoře, koláž se skryje ---------- */
@media (max-width:860px){
  .erk-opt .erk-hero__obr{display:none}
  .erk-opt .erk-hero{padding:22px 0 30px}
  .erk-opt .erk-hero h1{font-size:2.15rem;margin-top:14px}
  .erk-opt .erk-lead{font-size:1.02rem;margin-top:12px}
  .erk-opt .erk-hledat--hero{margin-top:18px}
  .erk-opt .erk-komu{margin-top:18px}
}

/* ---------- Patička na mobilu: sloupce se rozbalují ---------- */
@media (max-width:640px){
  .erk-opt .erk-pata__in{gap:0;padding:30px 20px 8px}
  .erk-opt .erk-pata__znacka{margin-bottom:18px}
  .erk-opt .erk-pata__sl h2{display:flex;justify-content:space-between;align-items:center;margin:0;padding:14px 0;min-height:48px;border-bottom:1px solid rgba(255,245,236,.18);cursor:pointer}
  .erk-opt .erk-pata__sl h2:after{content:"+";font-size:1.4rem;line-height:1;color:var(--butter)}
  .erk-opt .erk-pata__sl.je-otevreno h2:after{content:"−"}
  .erk-opt .erk-pata__sl ul{display:none;padding:12px 0 8px}
  .erk-opt .erk-pata__sl.je-otevreno ul{display:block}
  .erk-opt .erk-pata__sl li{margin:0 0 4px}
  .erk-opt .erk-pata__sl li a{display:inline-block;padding:6px 0}
}

/* ---------- Tlačítko „Filter“ (Rehub off-canvas filtr) na mobilu jako pořádné tlačítko ---------- */
@media (max-width:767px){
  .erk-opt #mobile-trigger-sidebar{float:none!important;display:inline-flex!important;align-items:center;gap:8px;min-height:44px;margin:0 0 12px!important;padding:0 18px!important;border:2px solid var(--plum)!important;border-radius:var(--r-p);background:#fff;color:var(--plum)!important;font-weight:800;font-size:.95rem!important;cursor:pointer}
}

/* ---------- Výkon vykreslování výpisu produktů (mobil: 24 karet = hodně stylů a vrstev) ---------- */
/* Karty pod prvními šesti se vykreslují až při přiblížení k viewportu. */
.erk-opt .products.grid_woo .product.col_item:nth-child(n+7){content-visibility:auto;contain-intrinsic-size:auto 360px}
/* mix-blend-mode je drahý (vynucuje kompozici každého obrázku); bílá dlaždice dělá to samé bez něj */
.erk-opt .product.col_item figure a.img-centered-flex{background:#fff}
.erk-opt .product.col_item figure img{mix-blend-mode:normal}