/* ============================================================================
   chrome.css — Knihy&Škola child (Fáze: hlavička + patička 1:1 dle grafiky)
   Vlastní jeden agent. Načítá se po custom.css (priorita 1000), tj. přebíjí ji.
   NEUPRAVUJE custom.css ani homepage.css. Pouze hlavička (promobar, topbar,
   hlavní řádek) a patička (newsletter, sloupce, platby, copyright).
   Cross-browser: ruční vendor prefixy (CCC neautoprefixuje), @media místo
   @container, iOS font-size >=16px na mobilních inputech.
   Tokeny dle artefaktu: coral #F07E7E / #E06A6A, žlutá #FFD54A / #FFCE3B,
   ink #2B2620, cream #FDF4D8, cream-2 #FFF7E0, paper #FFFDF6, line #EDE7D8.
   ============================================================================ */

:root{
  --ksa-paper:#FFFDF6; --ksa-surface:#FFFFFF;
  --ksa-cream:#FDF4D8;      /* artefakt --cream  (kolečko košíku, newsletter pruh) */
  --ksa-cream2:#FFF7E0;     /* artefakt --cream-2 (pozadí patičky, hover košíku)  */
  --ksa-ink:#2B2620; --ksa-text:#4C473F; --ksa-muted:#9C9483; --ksa-faint:#BDB7A6;
  --ksa-line:#EDE7D8; --ksa-line-strong:#DED6C2;
  --ksa-coral:#F07E7E; --ksa-coral-deep:#E06A6A; --ksa-orange:#F6A24B;
  --ksa-yellow:#FFD54A; --ksa-yellow-btn:#FFCE3B; --ksa-yellow-deep:#EDAF06;
  --ksa-green:#3EA24A;
  --ksa-sh-sm:0 1px 2px rgba(43,38,32,.05), 0 5px 14px rgba(43,38,32,.05);
  --ksa-sh:0 3px 8px rgba(43,38,32,.06), 0 16px 36px rgba(43,38,32,.08);
  --ksa-font:'Baloo 2', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

#desktop-header, #mobile-header, #footer, .promobar{ font-family:var(--ksa-font); }

/* ============================================================ PROMOBAR
   Akční lišta úplně nahoře: gradient coral -> oranžová, vystředěný text,
   vpravo zavírací křížek (stav drží sessionStorage, viz header.tpl). */
.promobar{
  background:#F07E7E;
  background:-webkit-linear-gradient(left,#F07E7E,#F6A24B);
  background:linear-gradient(90deg,#F07E7E,#F6A24B);
  color:#fff; font-weight:700; font-size:13.5px;
}
.promobar[hidden]{ display:none !important; }
.promobar > .container{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  /* 38px místo artefaktových 42: požadavek Filipa 1.9.2026 (užší lišta),
     text posunut o 1px dolů kvůli optickému středu Baloo 2 */
  min-height:38px; text-align:center; position:relative;
  padding-left:44px; padding-right:44px;
}
.promobar .pb-txt{ -webkit-transform:translateY(1px); transform:translateY(1px); }
.promobar .pb-txt{ display:inline-block; }
.promobar .em{ font-size:18px; vertical-align:-.12em; }
.promobar b{ font-weight:800; }
/* !important: globální linková pravidla theme editoru (a:link:not(...):not(...),
   specificita 0,3,1) by jinak bílou přebila šedou #777 */
.promobar a, .promobar a:link, .promobar a:visited{ color:#fff !important; text-decoration:underline; font-weight:800; white-space:nowrap; }
.promobar a:hover{ color:#fff !important; }
.promobar .close{
  position:absolute; right:14px; top:50%;
  -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);
  background:rgba(255,255,255,.22); border:0; color:#fff;
  width:24px; height:24px; border-radius:50%; font-size:15px; line-height:1; padding:0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  cursor:pointer;
}
.promobar .close:hover{ background:rgba(255,255,255,.4); }

/* ============================================================ TOPBAR (header-nav) */
#header .header-nav{
  background:var(--ksa-surface);
  border-bottom:1px solid var(--ksa-line);
  box-shadow:none;
  color:var(--ksa-text) !important;
  font-size:12.5px !important;
  font-weight:600;
  /* artefakt: celková výška lišty 36px (řádek má min-height 36), bez paddingu navíc */
  padding-top:0; padding-bottom:0;
}
#header .header-nav .container > .row{
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  min-height:36px;
}
#header .header-nav a:not(.btn){ color:var(--ksa-muted); font-weight:600; }
#header .header-nav a:not(.btn):hover{ color:var(--ksa-ink); }

/* levé servisní info — položky oddělené svislou linkou */
#header .header-nav .tb-info{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -ms-flex-wrap:wrap; flex-wrap:wrap;
  color:var(--ksa-text); font-weight:600;
}
#header .header-nav .tb-info .tb-item{
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  padding:0 20px; white-space:nowrap;
}
#header .header-nav .tb-info .tb-item:first-child{ padding-left:0; }
#header .header-nav .tb-info .tb-item + .tb-item{ border-left:1px solid var(--ksa-line); }
#header .header-nav .tb-info .tb-il{ -ms-flex:0 0 auto; flex:0 0 auto; margin-right:8px; }

/* pravé odkazy topbaru (wishlist z modulu + Prodejna/Kontakt/Můj účet) */
#header .header-nav .right-nav{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;
}
#header .header-nav .tb-links{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
#header .header-nav .tb-links a{ margin-left:18px; white-space:nowrap; }
#header .header-nav .right-nav > .d-inline-block{ margin-left:0; }
/* artefakt nemá za Seznamem přání svislý oddělovač (theme ::after 1px) */
#header .header-nav .right-nav .d-inline-block::after,
#header .header-nav .right-nav .d-inline-block::before{ content:none !important; display:none !important; }

/* ============================================================ HLAVNÍ HLAVIČKA
   Jeden řádek: logo | menu | hledání | košík.
   Příčina předchozího zalomení: vnořený .container (container-iqitmegamenu)
   uvnitř flex sloupce si bere plnou šířku 1270px a vytlačí pravý sloupec. */
#desktop-header .header-top{
  background:var(--ksa-surface);
  border-bottom:1px solid var(--ksa-line);
  box-shadow:var(--ksa-sh-sm);
  /* nižší hlavička (Filip 1.9.2026): theme měl 15px paddingy + 78px řádek = 109px */
  padding-top:5px; padding-bottom:5px;
}
#desktop-header-container > .row{
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -ms-flex-wrap:nowrap; flex-wrap:nowrap;
  min-height:64px;
}
/* prázdný skelet .col-12 (druhý řádek header-8) by s nowrap zabral 100 %
   basis a rozbil řádek; obsah nemá, skrýt */
#desktop-header-container > .row > .col-12{ display:none; }
#desktop-header .col-header-left{
  -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;
  width:auto; max-width:none;
}
#desktop-header .col-header-center.col-header-menu{
  /* 0 0 auto: s min-width:0 + shrink se menu zhroutí na nulu (megamenu nemá
     vlastní intrinsic width), proto přirozená šířka a úspora jinde */
  -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto;
  width:auto; max-width:none;
}
#desktop-header .col-header-right{
  -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;
  min-width:0; width:auto; max-width:none; margin-left:auto;
}
#desktop-header .col-header-right > .row{
  -ms-flex-wrap:nowrap; flex-wrap:nowrap;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;
  width:100%;
}
#desktop-header #ps-shoppingcart-wrapper{ -ms-flex:0 0 auto; flex:0 0 auto; width:auto; }
/* neutralizace vnořeného .containeru megamenu */
#desktop-header .col-header-menu #iqitmegamenu-wrapper,
#desktop-header .col-header-menu .container-iqitmegamenu{
  max-width:none !important; width:auto !important;
  padding-left:0 !important; padding-right:0 !important;
  margin-left:0 !important; margin-right:0 !important;
}
/* logo */
#desktop_logo img.logo{ height:52px; width:auto; max-height:52px; object-fit:contain; }

/* ---- MEGAMENU / hlavní navigace ---- */
#iqitmegamenu-horizontal{ background:transparent !important; }
.cbp-horizontal > ul{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap:nowrap; flex-wrap:nowrap;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
/* Položky 1:1 dle artefaktu (.nav a): 15px/700, spacing .6, padding 9/13,
   radius 8; stav ukazuje 3px podtrhový pruh ::after (hover šedý, aktivní
   zelený, výprodej korálový text i pruh), žádná změna barvy textu na hover. */
.cbp-horizontal > ul > li > a,
.cbp-horizontal > ul > li > .cbp-main-link{
  color:var(--ksa-ink) !important;
  /* artefakt 13px, na přání Filipa užší (1.9.2026) */
  padding:9px 10px !important;
  border-left:0 !important;
  border-radius:8px;
  position:relative;
  white-space:nowrap;
  line-height:1.1 !important;
  background:transparent !important;
}
.cbp-horizontal > ul > li > a::after{
  content:"";
  position:absolute; left:12px; right:12px; bottom:4px; height:3px;
  border-radius:3px; background:transparent;
  -webkit-transition:background .15s ease; transition:background .15s ease;
}
.cbp-horizontal > ul > li > a:hover{ color:var(--ksa-ink) !important; background:transparent !important; }
.cbp-horizontal > ul > li > a:hover::after{ background:var(--ksa-line-strong); }
.cbp-horizontal > ul > li.cbp-hropen > a,
.cbp-horizontal > ul > li.cbp-hropen > a:hover{ background:transparent !important; color:var(--ksa-ink) !important; }
.cbp-horizontal > ul > li.cbp-hropen > a::after{ background:var(--ksa-line-strong); }
/* aktivní (dle grafiky Učebnice) zeleně, Výprodej korálově */
#cbp-hrmenu-tab-5 > a::after{ background:var(--ksa-green) !important; }
#cbp-hrmenu-tab-6 > a,
#cbp-hrmenu-tab-6 > a:hover{ color:var(--ksa-coral-deep) !important; }
#cbp-hrmenu-tab-6 > a::after{ background:var(--ksa-coral) !important; }
.cbp-horizontal .cbp-tab-title{
  font-family:var(--ksa-font) !important;
  font-size:15px !important;
  font-weight:700 !important;
  letter-spacing:.6px;
  text-transform:uppercase;
  line-height:1.1 !important;
}
/* odznak „novinka": absolutně nad položkou (artefakt .nav a .tag) */
.cbp-hrmenu li .cbp-legend.cbp-legend-main{
  position:absolute; top:-7px; right:2px;
  background:var(--ksa-yellow) !important;
  color:#3A2E00 !important;
  font-size:8.5px !important;
  font-weight:800;
  letter-spacing:.4px;
  text-transform:lowercase;
  padding:2px 6px !important;
  border-radius:20px !important;
  line-height:1.2;
  margin:0 !important;
}

/* ---- Vyhledávací pole ---- */
#desktop-header .col-search{
  -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;
  width:auto; min-width:120px; max-width:420px;
}
#desktop-header .search-widget{ width:100%; }
#desktop-header .search-widget form .input-group{ position:relative; -ms-flex-wrap:nowrap; flex-wrap:nowrap; }
#desktop-header .search-widget .form-search-control{
  width:100%; height:48px;
  border:1.5px solid var(--ksa-line-strong);
  border-radius:100px !important;
  padding:0 56px 0 20px !important;
  font-family:var(--ksa-font);
  font-size:15px; font-weight:500;
  background:var(--ksa-paper); color:var(--ksa-ink);
  -webkit-appearance:none; appearance:none;
}
#desktop-header .search-widget .form-search-control::-webkit-input-placeholder{ color:var(--ksa-faint); }
#desktop-header .search-widget .form-search-control::placeholder{ color:var(--ksa-faint); }
#desktop-header .search-widget .form-search-control:focus{
  outline:none; border-color:var(--ksa-coral); background:var(--ksa-surface);
}
#desktop-header .search-widget .search-btn{
  position:absolute; right:5px; top:5px; z-index:3;
  width:38px; height:38px; padding:0;
  border:0; border-radius:50%;
  background:var(--ksa-coral) !important; color:#fff !important;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  font-size:16px; line-height:1;
}
#desktop-header .search-widget .search-btn:hover{ background:var(--ksa-coral-deep) !important; }
#desktop-header .search-widget .search-btn .fa{ color:#fff !important; }

/* ---- Účet: v grafice v hlavním řádku není, žije v topbaru ---- */
@media (min-width:992px){
  #header-user-btn{ display:none !important; }
}

/* ---- Košík: cream kolečko s ikonou, coral počet, částka ink ---- */
#ps-shoppingcart .header-cart-btn.cart-toogle{
  background:transparent !important;
  padding:8px 8px 8px 6px !important;
  border-radius:100px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  color:var(--ksa-ink) !important;
  white-space:nowrap;
}
#ps-shoppingcart .header-cart-btn.cart-toogle:hover{ background:var(--ksa-cream2) !important; }
#ps-shoppingcart .header-cart-btn .icon.fa-shopping-bag{
  position:relative;
  width:44px; height:44px; margin-right:10px;
  border-radius:50%;
  background:var(--ksa-cream);
  display:-webkit-box !important; display:-ms-flexbox !important; display:flex !important;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
/* ikona vozíku 1:1 dle artefaktu (#ic-cart, 20px, obrys ink) místo FA glyfu */
#blockcart .fa-shopping-bag:before{
  content:"" !important;
  position:static !important; top:auto !important; left:auto !important;
  width:20px; height:20px; display:inline-block;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%232B2620' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.2 11.3a1.6 1.6 0 0 0 1.6 1.3h8.5a1.6 1.6 0 0 0 1.6-1.3L21 7H6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.ps-shoppingcart .cart-products-count-btn,
#ps-shoppingcart .cart-products-count-btn{
  background:var(--ksa-coral) !important;
  color:#fff !important;
  border:2px solid var(--ksa-surface);
  /* menší než artefaktových 21px na přání Filipa (1.9.2026, 2. zmenšení) */
  top:-1px !important; right:-1px !important;
  min-width:16px; width:16px; height:16px !important;
  padding:0 !important;
  font-size:9.5px; line-height:12px;
  font-weight:800;
  /* badge je uvnitr <i class="fa"> - FontAwesome kresli cislice jako
     ramecove glyfy, nutny explicitni font */
  font-family:var(--ksa-font) !important;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
/* částka vedle ikony (Warehouse ji tiskne do .cart-toggle-details);
   dle grafiky jen ikona s badge + částka, bez popisku „Košík" a „(3)" */
#ps-shoppingcart .header-cart-btn .info-wrapper{
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  line-height:1.2;
}
#ps-shoppingcart .header-cart-btn .info-wrapper .title{ display:none; }
#ps-shoppingcart .header-cart-btn .cart-toggle-details{ display:inline-block !important; }
#ps-shoppingcart .header-cart-btn .cart-toggle-details .value,
.cart-total-value{ color:var(--ksa-ink) !important; font-weight:800; font-size:15px; white-space:nowrap; padding-right:8px; }
#ps-shoppingcart .header-cart-btn .cart-separator,
#ps-shoppingcart .header-cart-btn .cart-toggle-details .cart-products-count{ display:none !important; }

/* ---- Užší desktopy (lg, kontejner 960px): úspornější logo/menu/hledání,
   částka košíku se skryje, badge s počtem zůstává ---- */
@media (min-width:992px) and (max-width:1199.98px){
  #desktop_logo img.logo{ height:36px; max-height:36px; }
  .cbp-horizontal > ul > li > a,
  .cbp-horizontal > ul > li > .cbp-main-link{ padding:9px 5px !important; }
  .cbp-horizontal > ul > li > a::after{ left:4px; right:4px; }
  .cbp-horizontal .cbp-tab-title{ font-size:13px !important; letter-spacing:0; }
  #ps-shoppingcart .header-cart-btn .cart-toggle-details{ display:none !important; }
}

/* ---- Popup košíku v hlavičce (F2, Filip 1.9.2026): jeden design místo dvou
   legacy generací v custom.css. Karta dle artefaktu, žlutá hlavní CTA jako
   Koupit, sekundární outline. !important přebíjí legacy pravidla. ---- */
#blockcart-content{
  background:var(--ksa-surface) !important;
  border:1px solid var(--ksa-line) !important;
  border-radius:14px !important;
  box-shadow:0 10px 22px rgba(43,38,32,.12), 0 26px 54px rgba(43,38,32,.14) !important;
  padding:18px !important;
  min-width:340px;
}
#blockcart-content .cart-title,
#blockcart-content .cart-title .modal-title{
  font-family:var(--ksa-font) !important;
  color:var(--ksa-ink) !important;
  font-weight:800 !important;
  font-size:16px;
  padding:0 !important;
}
#blockcart-content .cart-title hr{ border-color:var(--ksa-line) !important; }
#blockcart-content #js-cart-close{ color:var(--ksa-muted); opacity:1; }
#blockcart-content #js-cart-close:hover{ color:var(--ksa-ink); }
#blockcart-content .cart-products{ max-height:280px; overflow-y:auto; }
#blockcart-content .cart-products img{
  width:56px; height:auto; border-radius:10px;
  border:1px solid var(--ksa-line); background:#fff;
}
#blockcart-content .product-name{ color:var(--ksa-ink); font-weight:700; font-size:13.5px; }
#blockcart-content .product-price{ color:var(--ksa-ink); font-weight:800; }
#header #blockcart-content .remove-from-cart .fa, #blockcart-content .remove-from-cart .fa{ color:var(--ksa-muted); }
#header #blockcart-content .remove-from-cart:hover .fa, #blockcart-content .remove-from-cart:hover .fa{ color:var(--ksa-coral-deep); }
#blockcart-content .cart-subtotals{ padding:6px 0 !important; }
#blockcart-content .cart-summary-line{ margin:0 0 4px !important; padding:0 !important; }
#blockcart-content .cart-summary-line .label{ color:var(--ksa-text); font-weight:600; font-size:13px; }
#blockcart-content .cart-summary-line .value{ color:var(--ksa-ink); font-weight:700; font-size:13px; }
#blockcart-content .cart-totals{
  border-top:1px solid var(--ksa-line);
  margin-top:6px;
  padding-top:8px;
  font-size:15px !important; font-weight:800 !important;
  color:var(--ksa-ink);
}
#header #blockcart-content .cart-buttons .btn-primary, #blockcart-content .cart-buttons .btn-primary{
  background:var(--ksa-yellow-btn, #FFCE3B) !important;
  color:#3A2E00 !important;
  border:0 !important;
  border-radius:100px !important;
  font-weight:800 !important;
  font-size:14.5px;
  min-height:46px;
  text-transform:none !important;
  box-shadow:none !important;
}
#header #blockcart-content .cart-buttons .btn-primary:hover, #blockcart-content .cart-buttons .btn-primary:hover{ background:#EDAF06 !important; color:#3A2E00 !important; }
#header #blockcart-content .cart-buttons .btn-secondary, #blockcart-content .cart-buttons .btn-secondary{
  background:transparent !important;
  color:var(--ksa-ink) !important;
  border:1.5px solid var(--ksa-line-strong) !important;
  border-radius:100px !important;
  font-weight:700 !important;
  min-height:44px;
  text-transform:none !important;
}
#header #blockcart-content .cart-buttons .btn-secondary:hover, #blockcart-content .cart-buttons .btn-secondary:hover{ border-color:var(--ksa-ink) !important; }

/* ---- Sticky ---- */
#desktop-header.stuck,
#desktop-header.stuck-header-element,
.stuck-header-element#desktop-header{
  background:var(--ksa-surface) !important;
  box-shadow:var(--ksa-sh-sm) !important;
}

/* ============================================================ NEWSLETTER (.news) */
#footer-container-first.footer-style-2{
  background:var(--ksa-cream);
  border-top:1px solid var(--ksa-line);
  /* artefakt .news .wrap: padding 34px nahoře i dole (theme měl dole 0) */
  padding:34px 0 !important;
}
#footer-container-first .container > .row{
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
#footer-container-first .news-title{
  color:var(--ksa-ink); font-weight:800; font-size:25px;
  text-transform:none; margin:0 0 6px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
#footer-container-first .news-title-ic{
  color:var(--ksa-coral); margin-right:10px;
  width:26px; height:26px; display:block;
  -ms-flex:0 0 auto; flex:0 0 auto;
}
#footer-container-first .news-lead{
  color:var(--ksa-text); font-weight:500; margin:0; font-size:14px;
}
#footer-container-first .newsletter-input-group{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap:nowrap; flex-wrap:nowrap;
  /* skupina je jen neviditelný wrapper; bílý pill má input, tmavý button je zvlášť */
  background:transparent !important; border:0 !important; box-shadow:none !important;
}
#footer-container-first .input-subscription{
  -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto;
  height:52px; border:1.5px solid var(--ksa-line-strong);
  border-radius:100px !important;
  padding:0 20px; font-family:var(--ksa-font); font-size:15px;
  background:var(--ksa-surface); color:var(--ksa-ink);
  -webkit-appearance:none; appearance:none;
}
#footer-container-first .input-subscription:focus{ outline:none; border-color:var(--ksa-coral); }
#footer-container-first .btn-subscribe{
  -ms-flex:0 0 auto; flex:0 0 auto; margin-left:10px;
  background:var(--ksa-ink) !important; color:#FFFDF4 !important;
  border:0 !important; border-radius:100px !important;
  min-height:52px; padding:0 26px; font-weight:800; font-size:14.5px;
  white-space:nowrap;
}
#footer-container-first .btn-subscribe:hover{ background:#000 !important; }
/* disabled (než se zaškrtne souhlas) jen jemně ztlumit, ne do šeda */
#footer-container-first .btn-subscribe:disabled{ opacity:.8; }
#footer-container-first .ps-emailsubscription-conditions,
#footer-container-first .block-newsletter-form .text-muted{
  color:var(--ksa-muted) !important; font-size:11.5px; margin-top:10px;
}

/* ============================================================ PATIČKA — sloupce */
/* celá patička na cream-2 (theme editor generuje žlutou #ffeea6) */
#footer, #footer-container-main{ background:var(--ksa-cream2) !important; }
/* mezera nad nadpisy sloupců: jen 46px z gridu, bez 40px paddingu theme */
#footer-container-main{ padding-top:0 !important; padding-bottom:0 !important; }
/* mezery v Kontaktu dělají <br> z obsahu modulu; artefakt má gap 12px */
#footer-container-main .contact-rich > br{ display:none; }
#footer-container-main .contact-rich .part{ margin-bottom:12px; }
#footer-container-main.footer-style-2{
  border-top:1px solid var(--ksa-line);
}
/* artefakt .foot-grid: 1.5fr 1fr 1fr 1fr, gap 32, padding 46/30; bez svislic */
#footer-container-main > .container > .row:first-child{
  display:-ms-grid; display:grid;
  -ms-grid-columns:1.5fr 32px 1fr 32px 1fr 32px 1fr;
  grid-template-columns:1.5fr 1fr 1fr 1fr;
  gap:32px;
  padding:46px 15px 30px;
}
#footer-container-main > .container > .row:first-child > [class*="col"]{
  width:auto; max-width:none; padding:0;
  min-width:0;
  border-left:0 !important; border-right:0 !important;
  -ms-flex:none; flex:none;
}
/* artefakt responsive: pod 980 dva sloupce, pod 640 dva sloupce s gap 22 */
@media (max-width:991.98px){
  #footer-container-main > .container > .row:first-child{
    grid-template-columns:1fr 1fr;
  }
}
@media (max-width:640px){
  #footer-container-main > .container > .row:first-child{
    grid-template-columns:1fr 1fr; gap:22px; padding:34px 15px 24px;
  }
}
#footer-container-main .block-title,
#footer-container-main .block-title span{
  font-size:13px; letter-spacing:1px; text-transform:uppercase;
  color:var(--ksa-muted) !important; font-weight:800; margin-bottom:16px;
}
#footer-container-main .block-content{ font-size:13.5px; }
#footer-container-main .block-content p,
#footer-container-main .block-about .part{
  color:var(--ksa-text); font-size:13.5px; font-weight:500;
  margin:0 0 16px; max-width:34ch; line-height:1.65;
}
#footer-container-main .block-content li{ margin-bottom:9px; }
/* artefakt: odkazy bez šipek/odrážek, zarovnané na levou hranu nadpisu
   (jen sloupce odkazů .block-links — v .block-content jsou i sociální ikony) */
#footer-container-main .block-links li i,
#footer-container-main .block-links li .fa,
#footer-container-main .block-links li a::before{ display:none !important; content:none !important; }
#footer-container-main .block-content ul{ margin:0; padding:0; list-style:none; }
#footer-container-main .block-content li{ padding-left:0; }
#footer-container-main .block-content li a{ padding-left:0 !important; margin-left:0 !important; text-indent:0; }
#footer-container-main .block-content li a{
  font-size:13.5px; font-weight:600; color:var(--ksa-text);
}
#footer-container-main .block-content li a:hover{ color:var(--ksa-coral-deep); }
/* sloupec O firmě je v grafice širší */
#footer-container-main .block-about{
  -webkit-box-flex:1.5; -ms-flex:1.5 1 0%; flex:1.5 1 0%;
}

/* Kontakt — ikony coral */
#footer-container-main .contact-rich{ color:var(--ksa-text); font-size:13.5px; font-weight:600; }
#footer-container-main .contact-rich strong{
  color:var(--ksa-ink); font-size:15px; font-weight:800; display:block; margin-bottom:6px;
}
/* rozestupy řádků drží jen margin; <br> z parent partialu dělaly nestejné
   mezery (telefon x e-mail x doba), proto pryč (Filip 1.9.2026) */
#footer-container-main .contact-rich > br{ display:none; }
#footer-container-main .contact-rich .part{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;
  margin-bottom:12px;
}
#footer-container-main .contact-rich .part .icon{
  color:var(--ksa-coral); font-size:15px; margin-right:10px; -ms-flex:0 0 auto; flex:0 0 auto;
}
/* provozní doba: stejný vzhled jako řádky contact-rich (je mimo její wrapper),
   dva řádky, poznámka tlumeně */
#footer-container-main .ks-hours{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;
  color:var(--ksa-text); font-size:13.5px; font-weight:600;
  margin-top:0;
}
#footer-container-main .ks-hours .icon{
  color:var(--ksa-coral); font-size:15px; margin-right:10px; -ms-flex:0 0 auto; flex:0 0 auto;
}
#footer-container-main .ks-hours .ks-hours-txt > span{ display:block; }
#footer-container-main .ks-hours .ks-hours-note{ color:var(--ksa-muted); font-size:12.5px; margin-top:2px; }
#footer-container-main .contact-rich a{ color:var(--ksa-text); }
#footer-container-main .contact-rich a:hover{ color:var(--ksa-coral-deep); }

/* Odznak Ověřeno zákazníky (Heureka) */
#footer .overeno{
  margin-top:18px;
  display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  background:var(--ksa-surface); border:1px solid var(--ksa-line);
  border-radius:12px; padding:10px 14px; box-shadow:var(--ksa-sh-sm);
}
#footer .overeno .seal-svg{ width:52px; height:52px; display:block; -ms-flex:0 0 auto; flex:0 0 auto; margin-right:12px; }
#footer .overeno .txt b{ display:block; font-size:13.5px; color:var(--ksa-ink); font-weight:800; line-height:1.2; }
#footer .overeno .txt > span{ font-size:11.5px; color:var(--ksa-muted); font-weight:700; }
#footer .overeno .overeno-widget:empty{ display:none; }

/* Sociální ikony — v grafice ve sloupci O firmě */
#footer .socials .social-links,
#footer .social-links._footer{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start;
  margin:14px 0 0; padding:0; list-style:none;
}
#footer .social-links._footer li{ list-style:none; margin:0 10px 0 0; }
#footer .social-links._footer li a{
  width:42px; height:42px; border-radius:12px;
  background:var(--ksa-surface); border:1px solid var(--ksa-line);
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  font-size:19px; color:var(--ksa-ink) !important;
  -webkit-transition:.12s ease; transition:.12s ease;
}
/* glyf v barvě ink dle grafiky (moduly/FA vnucují brandové barvy) */
#footer .social-links._footer li a i,
#footer .social-links._footer li a .fa{ color:inherit !important; font-size:19px; }
#footer .social-links._footer li a:hover{
  color:var(--ksa-coral); -webkit-transform:translateY(-2px); transform:translateY(-2px);
  box-shadow:var(--ksa-sh-sm);
}

/* ============================================================ PLATBY + COPYRIGHT */
#footer-copyrights{
  background:var(--ksa-cream2) !important;
  border-top:0 !important;
  padding:0 !important;
  color:var(--ksa-faint);
}
#footer-copyrights .foot-pay{
  border-top:1px solid var(--ksa-line);
  padding:18px 0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  -ms-flex-wrap:wrap; flex-wrap:wrap;
}
#footer-copyrights .foot-pay span{
  font-size:13px; color:var(--ksa-muted); font-weight:700; margin-right:12px;
}
#footer-copyrights .foot-pay img{
  height:30px; width:auto; background:#fff; border-radius:8px;
  padding:4px 8px; border:1px solid var(--ksa-line);
}
#footer-copyrights .foot-bottom{
  border-top:1px solid var(--ksa-line);
  padding:18px 0; text-align:center;
  font-size:12.5px; color:var(--ksa-faint); font-weight:600;
}
#footer-copyrights .foot-bottom p{
  font-size:12.5px; color:var(--ksa-faint); font-weight:600; margin:0;
}
/* artefakt: celý copyright včetně odkazu v barvě faint */
#footer-copyrights a{ color:var(--ksa-faint); }
#footer-copyrights a:hover{ color:var(--ksa-coral-deep); }

/* ============================================================ MOBIL
   Mobilní hlavička je schválená — jen barvy a nezoomující inputy. */
@media (max-width:991.98px){
  #mobile-header .form-search-control,
  #footer-container-first .input-subscription{ font-size:16px; }

  #mobile-header{ border-bottom:1px solid var(--ksa-line); }
  #mobile-header .m-nav-btn{ color:var(--ksa-ink); }
  #mobile-header .m-nav-btn:hover{ color:var(--ksa-coral-deep); }
  #mobile-header #mobile-cart-products-count.cart-products-count-btn{
    background:var(--ksa-coral) !important; color:#fff !important;
  }
  #search-widget-mobile .form-search-control{
    border:1.5px solid var(--ksa-line-strong);
    border-radius:100px !important;
    background:var(--ksa-paper);
  }
  #search-widget-mobile .search-btn{ color:var(--ksa-coral) !important; }

  /* promobar a topbar na mobilu kompaktněji */
  .promobar{ font-size:12.5px; }
  .promobar > .container{ padding-left:38px; padding-right:38px; text-align:center; }
  #header .header-nav .tb-info .tb-item{ padding:0 12px; }
  #header .header-nav .tb-links a{ margin-left:12px; }

  /* newsletter pod sebe */
  #footer-container-first .btn-subscribe{ padding:0 18px; }
}

/* mobil: celý topbar se skrývá (artefakt @container max-width:640px) */
@media (max-width:640px){
  #header .header-nav{ display:none; }
  .promobar .pb-txt a{ display:inline-block; }
}

/* ============================================================ MOBILNÍ MENU
   Panel pod hlavičkou (dropdown varianta) + akordeon: JS modulu přepíná
   li.show přes .mm-expand; podstromy jsou defaultně sbalené (Filip 1.9.2026).
   Vzor řádků = rail Kategorie. */
#_mobile_iqitmegamenu-mobile{
  background:var(--ksa-surface) !important;
  box-shadow:var(--ksa-sh);
  z-index:6000 !important; /* nad promobar, jinak prekryva hlavicku panelu */
  border-radius:0 0 14px 14px;
  max-height:calc(100vh - 90px);
  overflow-y:auto;
  padding:0 12px 14px !important;
}
/* hlavicka panelu: titulek + krizek (vklada custom.js) */
#iqitmegamenu-mobile .ks-mmenu-head{
  position:-webkit-sticky; position:sticky; top:0; z-index:3;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;
  margin:0 -12px 6px;
  padding:14px 14px 12px 18px;
  background:-webkit-linear-gradient(top,var(--ksa-cream2),var(--ksa-surface));
  background:linear-gradient(180deg,var(--ksa-cream2),var(--ksa-surface));
  border-bottom:1px solid var(--ksa-line);
}
#iqitmegamenu-mobile .ks-mmenu-head b{
  font-size:18px; font-weight:800; color:var(--ksa-ink);
  background:linear-gradient(180deg,transparent 58%,var(--ksa-yellow) 58%,var(--ksa-yellow) 95%,transparent 95%);
  padding:0 4px; margin:0 -2px; border-radius:3px;
}
#iqitmegamenu-mobile .ks-mmenu-close{
  width:34px; height:34px; border:0; border-radius:50%;
  background:var(--ksa-coral); color:#fff;
  font-size:20px; line-height:1; font-weight:700;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  cursor:pointer; padding:0;
}
#iqitmegamenu-mobile .ks-mmenu-close:active{ background:var(--ksa-coral-deep); }
#iqitmegamenu-mobile{ background:var(--ksa-surface) !important; font-family:var(--ksa-font); }
#iqitmegamenu-mobile ul{ list-style:none; margin:0; padding:0; }
#iqitmegamenu-mobile > ul > li{ position:relative; border-top:1px solid var(--ksa-line); }
#iqitmegamenu-mobile > ul > li:first-child{ border-top:0; }
#iqitmegamenu-mobile li{ position:relative; }
#iqitmegamenu-mobile a{
  display:block;
  padding:13px 44px 13px 12px;
  color:var(--ksa-ink) !important;
  font-weight:700; font-size:14px; letter-spacing:.2px;
  text-decoration:none;
  border-radius:9px;
}
#iqitmegamenu-mobile > ul > li > a{ text-transform:uppercase; font-size:13.5px; }
#iqitmegamenu-mobile a:active{ background:var(--ksa-cream2); }
/* podurovne: sbalene, odsazene, tlumene */
#iqitmegamenu-mobile li ul{ display:none; padding:0 0 6px 14px; }
#iqitmegamenu-mobile li.show > ul{ display:block; }
#iqitmegamenu-mobile li ul a{
  padding:9px 44px 9px 12px;
  font-weight:600; font-size:13.5px; color:var(--ksa-text) !important;
  text-transform:none;
}
/* prepinac podstromu: kruh s sipkou vpravo */
#iqitmegamenu-mobile .mm-expand{
  position:absolute; top:6px; right:4px;
  width:34px; height:34px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  border:1.5px solid var(--ksa-line-strong); border-radius:50%;
  color:var(--ksa-coral-deep); cursor:pointer;
  background:var(--ksa-surface);
  z-index:2;
}
#iqitmegamenu-mobile li ul .mm-expand{ top:2px; width:30px; height:30px; }
#iqitmegamenu-mobile .mm-expand .close-icon{ display:none; }
#iqitmegamenu-mobile li.show > .mm-expand .close-icon{ display:inline-block; }
#iqitmegamenu-mobile li.show > .mm-expand .expand-icon{ display:none; }
#iqitmegamenu-mobile li.show > .mm-expand{ background:var(--ksa-cream); border-color:var(--ksa-coral); }
#iqitmegamenu-mobile .mobile-menu__link{ color:var(--ksa-ink) !important; }

/* ============================================================ PŘÍSTUPNOST */
.promobar .close:focus-visible,
#desktop-header a:focus-visible,
#footer a:focus-visible,
#desktop-header button:focus-visible,
#footer button:focus-visible{
  outline:3px solid var(--ksa-yellow-deep); outline-offset:2px; border-radius:6px;
}
@media (prefers-reduced-motion:reduce){
  #desktop-header *, #footer *, .promobar *{ -webkit-transition:none !important; transition:none !important; }
}

/* ============================================================ STEPPER V DROPDOWNU KOŠÍKU
   Sjednocený vzhled množství (Filip 1.9.2026): vodorovné −/+ jako u karet,
   TouchSpin svislé šipky přeskládané přes display:contents. */
#blockcart-content .input-group.bootstrap-touchspin{
  -ms-flex-wrap:nowrap; flex-wrap:nowrap;
  min-width:96px;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  border:1.5px solid var(--ksa-line-strong); border-radius:100px;
  background:var(--ksa-surface); overflow:hidden; width:auto;
}
#blockcart-content .bootstrap-touchspin .input-group-btn-vertical{ display:contents; }
#blockcart-content .bootstrap-touchspin .btn-touchspin{
  -ms-flex:0 0 30px; flex:0 0 30px; width:30px; height:36px;
  border:0 !important; background:none !important; color:var(--ksa-ink) !important;
  font-size:15px; font-weight:700; padding:0; border-radius:0;
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
}
#blockcart-content .bootstrap-touchspin .btn-touchspin .fa{ display:none; }
#blockcart-content .bootstrap-touchspin .bootstrap-touchspin-up::before{ content:"+"; }
#blockcart-content .bootstrap-touchspin .bootstrap-touchspin-down::before{ content:"\2212"; }
#blockcart-content .bootstrap-touchspin .bootstrap-touchspin-down{ -ms-flex-order:-1; order:-1; }
#blockcart-content .bootstrap-touchspin input.js-cart-line-product-quantity{
  -ms-flex:0 0 34px; flex:0 0 34px; width:34px; height:36px;
  border:0 !important; text-align:center; font-weight:700; font-size:14px;
  color:var(--ksa-ink); background:transparent; padding:0;
  -webkit-appearance:none; appearance:none; -moz-appearance:textfield;
}

/* ============================================================ POZADÍ WEBU
   Artefakt --paper #FFFDF6 na celém webu (Filip 1.9.2026) */
body, #wrapper, #main-page-content, #content-wrapper{ background:#FFFDF6 !important; }

/* ============================================================ KONTAKT IKONY
   Sjednocená sada z artefaktu (ic-pin/ic-phone/ic-mail2 + hodiny ve stejném
   obrysovém stylu) místo mixu FA glyfů (Filip 1.9.2026). Korálový obrys 2px. */
#footer-container-main .contact-rich .part .icon i,
#footer-container-main .ks-hours .icon i{
  font-size:0 !important; line-height:0;
  display:inline-block;
  width:18px; height:18px;
  background-position:center; background-repeat:no-repeat; background-size:contain;
}
#footer-container-main .contact-rich .part .icon .fa-map-marker{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F07E7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-6.1 7-12a7 7 0 1 0-14 0c0 5.9 7 12 7 12z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
#footer-container-main .contact-rich .part .icon .fa-phone{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F07E7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h3.5l1.8 4.5-2.3 1.6a12.5 12.5 0 0 0 5.1 5.1l1.6-2.3L19.2 15V19a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}
#footer-container-main .contact-rich .part .icon .fa-envelope-o,
#footer-container-main .contact-rich .part .icon .fa-envelope{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F07E7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.5 7.2 12 13l8.5-5.8'/%3E%3C/svg%3E");
}
#footer-container-main .ks-hours .icon .fa-clock-o{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F07E7E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.2 2'/%3E%3C/svg%3E");
}

/* zarovnani novych SVG ikon kontaktu k prvnimu radku textu */
#footer-container-main .contact-rich .part .icon,
#footer-container-main .ks-hours .icon{
  line-height: 0;
  padding-top: 2px;
  -ms-flex-item-align: start; align-self: flex-start;
}
#footer-container-main .contact-rich .part .icon i,
#footer-container-main .ks-hours .icon i{ vertical-align: top; }

/* ============================================================ DROBEČKY CMS + BLOG
   Stejný vzor jako na kategorii (category.css): tichý řádek, › oddělovač,
   první položka Domů jen jako domeček (Filip 1.9.2026). */
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb{
  background:none; padding:16px 0 4px; margin:0;
  font-size:13px; font-weight:600; color:var(--ksa-muted);
}
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb ol{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  -ms-flex-wrap:wrap; flex-wrap:wrap;
  -webkit-box-align:center; -ms-flex-align:center; align-items:center;
  gap:7px; margin:0; padding:0; list-style:none;
}
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li{ margin:0; padding:0; display:inline-flex; align-items:center; gap:7px; }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li::before,
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li::after{ content:none; }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li + li::before{ content:"\203A"; color:var(--ksa-faint,#BDB7A6); font-weight:600; }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li a{ color:var(--ksa-muted); text-transform:none; text-decoration:none; }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li a:hover{ color:var(--ksa-ink); }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li:last-child span{ color:var(--ksa-ink); font-weight:700; }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li:first-child a{ display:inline-flex; align-items:center; color:var(--ksa-coral-deep); }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li:first-child a span{ font-size:0; line-height:0; }
:is(body#cms, body[id^="module-ph_simpleblog"]) #wrapper .breadcrumb li:first-child a span::before{
  content:""; display:inline-block; width:17px; height:17px; background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h5v-6h4v6h5V9.5'/%3E%3C/svg%3E") no-repeat center / 17px 17px;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10.5 12 3l9 7.5'/%3E%3Cpath d='M5 9.5V21h5v-6h4v6h5V9.5'/%3E%3C/svg%3E") no-repeat center / 17px 17px;
}

/* ============================================================ COOKIES LIŠTA
   dm_cookies co nejmenší (Filip 1.9.2026): místo velkého okna uprostřed
   kompaktní karta vlevo dole v designu webu. Markup modulu se nemění. */
#dm-cookie-popup-container .dm-cookie-popup{
  left:16px !important; right:auto !important;
  bottom:16px !important; top:auto !important;
  -webkit-transform:none !important; -ms-transform:none !important; transform:none !important;
  width:330px !important; max-width:calc(100vw - 32px) !important;
  padding:14px 16px !important;
  border-radius:14px !important;
  border:1px solid var(--ksa-line);
  background:var(--ksa-surface) !important;
  -webkit-box-shadow:var(--ksa-sh) !important; box-shadow:var(--ksa-sh) !important;
  font-family:var(--ksa-font);
}
#dm-cookie-popup-container .dm-cookie-popup-sub-headline{
  font-size:12px !important; line-height:1.45; color:var(--ksa-text) !important;
  margin:0 0 8px !important;
}
#dm-cookie-popup-container .dm_cookies_variant{ margin:0 0 4px; padding:0; }
#dm-cookie-popup-container .dm_cookies_variant_item{ padding:3px 0 !important; margin:0 !important; border:0 !important; background:none !important; }
#dm-cookie-popup-container .dm_cookies_variant_item > span{ display:flex; align-items:center; gap:8px; }
#dm-cookie-popup-container .dm_title_group{ font-size:12.5px !important; font-weight:700 !important; color:var(--ksa-ink) !important; }
#dm-cookie-popup-container .dm_cookies_more_info{ font-size:11.5px !important; color:var(--ksa-muted) !important; margin:4px 0 2px !important; }
#dm-cookie-popup-container .switch{ -webkit-transform:scale(.85); -ms-transform:scale(.85); transform:scale(.85); margin:0 !important; }
#dm-cookie-popup-container input:checked + .dm_slider{ background-color:var(--ksa-coral) !important; }
#dm-cookie-popup-container .dm-cookie-popup-buttons{
  display:-webkit-box; display:-ms-flexbox; display:flex;
  gap:8px; margin-top:8px;
}
#dm-cookie-popup-container .dm-cookie-popup-buttons button{
  -webkit-box-flex:1; -ms-flex:1; flex:1;
  border-radius:100px !important;
  font-family:inherit !important; font-size:12.5px !important; font-weight:800 !important;
  padding:8px 10px !important; line-height:1.2 !important;
  cursor:pointer; -webkit-transition:background .12s ease,border-color .12s ease; transition:background .12s ease,border-color .12s ease;
}
#dm-cookie-popup-container .dm-cookie-popup-accept-cookies,
#dm-cookie-popup-container .dm-cookie-popup-accept-cookies-save-group{
  background:var(--ksa-yellow-btn) !important; color:#3A2E00 !important; border:0 !important;
}
#dm-cookie-popup-container .dm-cookie-popup-accept-cookies:hover,
#dm-cookie-popup-container .dm-cookie-popup-accept-cookies-save-group:hover{ background:var(--ksa-yellow-deep) !important; }
#dm-cookie-popup-container .dm-cookie-popup-decline-cookies{
  background:transparent !important; color:var(--ksa-ink) !important;
  border:1.5px solid var(--ksa-line-strong) !important;
}
#dm-cookie-popup-container .dm-cookie-popup-decline-cookies:hover{ border-color:var(--ksa-ink) !important; }
#dm-cookie-popup-container .dm-cookie-popup-cms-link{ margin-top:6px !important; }
#dm-cookie-popup-container .dm-cookie-popup-cms-link a{ font-size:11.5px !important; color:var(--ksa-muted) !important; text-decoration:underline; }
#dm-cookie-popup-container .dm-cookie-popup-cms-link a:hover{ color:var(--ksa-ink) !important; }
@media (max-width:640px){
  #dm-cookie-popup-container .dm-cookie-popup{ left:10px !important; bottom:10px !important; width:calc(100vw - 20px) !important; }
}

/* ============================================================ NAŠEPTÁVAČ
   iqitsearch (.autocomplete-suggestions ve formuláři hledání) v designu
   webu (Filip 1.9.2026). */
#header .autocomplete-suggestions,
.autocomplete-suggestions{
  background:var(--ksa-surface) !important;
  border:1px solid var(--ksa-line) !important;
  border-radius:14px !important;
  -webkit-box-shadow:var(--ksa-sh) !important; box-shadow:var(--ksa-sh) !important;
  margin-top:8px;
  padding:6px !important;
  overflow:auto;
  font-family:var(--ksa-font);
}
.autocomplete-suggestions .autocomplete-suggestion{
  border-radius:10px;
  padding:4px 8px !important;
  border:0 !important;
  background:none;
  cursor:pointer;
}
.autocomplete-suggestions .autocomplete-suggestion + .autocomplete-suggestion{ margin-top:2px; }
.autocomplete-suggestions .autocomplete-suggestion:hover,
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected{ background:var(--ksa-cream2) !important; }
.autocomplete-suggestions .col-img img{
  width:44px; height:56px; -o-object-fit:contain; object-fit:contain;
  border:1px solid var(--ksa-line); border-radius:8px; background:#fff; padding:2px;
}
.autocomplete-suggestions .col.pt-3{ padding-top:8px !important; padding-bottom:8px !important; padding-left:12px; }
.autocomplete-suggestions .name{
  display:block;
  color:var(--ksa-ink) !important; font-weight:700; font-size:13.5px; line-height:1.3;
}
.autocomplete-suggestions .product-price{
  color:var(--ksa-ink) !important; font-weight:800; font-size:13.5px;
}
.autocomplete-suggestions .col-shop{
  color:var(--ksa-muted) !important; font-size:11px; font-weight:700;
  text-transform:uppercase; letter-spacing:.4px;
  padding-right:6px;
}