/* cely-eshop-vzhled-a-upravy-styl.css
   Vlastni CSS upravy pro cely e-shop. Slouceno z 13 <style> bloku, ktere byly primo v HTML kodech (Zahlavi + Zapati), plus dalsi pridane bloky.
   Nacita se ze Zahlavi: <link rel="stylesheet" href="/user/documents/upload/cely-eshop-vzhled-a-upravy-styl.css?v=18">
   Pri kazde uprave zvednout ?v= v Zahlavi, jinak si prohlizece drzi starou verzi z cache.
   Naposledy upraveno: 08.09.2026 (v18) */

/* --- 01. Hlavni vzhled sablony: navigace, hlavicka, vyhledavani, tlacitka, newsletter, razeni  [zahlavi] --- */
#navigation{height:auto !important;overflow-x:hidden!important;border-top:none !important;border-bottom:none !important}#header::after{pointer-events:none !important;border:none !important}#navigation .navigation-in{background-color:#ffffff !important;height:auto !important;border-top:none !important;border-bottom:1px solid #e0e0e0 !important}.navigation-in .menu-level-1>li>a{color:#000000 !important;padding:18px 20px !important;font-size:18px !important;line-height:14px !important;text-transform:none !important}.navigation-in .menu-level-1>li>a:hover,.navigation-in .menu-level-1>li:hover>a{background-color:#0d7836 !important;color:#ffffff !important}#content-wrapper{padding-top:55px !important}.breadcrumbs-wrapper{margin-top:55px !important}.search-form .search-input{border-radius:25px !important}.search-form button[type="submit"]{border-radius:25px !important}.newsletter button[type="submit"]{border-radius:25px !important}.subscribe-form.compact-form input[type="email"]{border-radius:25px !important}.listSorting__controls li:has(#listSortingControl-name),.listSorting__controls li:has(#listSortingControl--price){display:none !important}.product-detail-btn,.btn-buy,a.btn-primary,button.btn-primary,.product-list .btn-primary{border-radius:25px !important}.btn-conversion,.add-to-cart-button,button.btn-conversion{border-radius:25px !important}.pageArticleDetail>header>h1{text-align:center}.category-perex.empty-content.empty-content-category{display:none !important}.dklabFormsButtonWrapper{margin-top:15px !important;text-align:center}.dklabFormsButtonWrapper .dklabFormsButton{background:transparent !important;border:2px solid #148f43 !important;color:#148f43 !important;font-size:14px !important;padding:10px 24px !important;border-radius:25px !important;cursor:pointer;display:inline-flex !important;align-items:center;gap:8px;transition:all .2s ease;width:auto !important;line-height:1.4 !important}.dklabFormsButtonWrapper .dklabFormsButton:hover{background:#148f43 !important;color:#fff !important}

/* --- 02. Skryt Altcha (antispam) v doplnku Formulare+  [zahlavi] --- */
.dklabFormsWidget__altcha{display:none!important}

/* --- 03. Skryt nepouzivane prvky sablony Shoptet (Arukereso, podpis, online platby)  [zahlavi] --- */
.custom-footer__arukereso{display:none!important}#signature{display:none!important}.box-onlinePayments{display:none!important}

/* --- 04. Zbytek po testu (h1.test123) - lze smazat  [zahlavi] --- */
h1.test123{color:red}

/* --- 05. Fix scrollu mobilniho menu  [zahlavi] --- */
@media (max-width:991px){#navigation{max-height:calc(100vh - 53px) !important;max-height:calc(100dvh - 53px) !important;height:auto !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important}#navigation .navigation-in{height:auto !important;max-height:none !important;overflow:visible !important}}.msg-info{padding:10px 20px!important}

/* --- 06. Desktopove menu (od 992 px)  [zahlavi] --- */
@media(min-width:992px){#navigation,#navigation .navigation-in{height:auto!important;width:auto!important;position:relative!important;overflow:visible!important;min-height:50px!important}.menu-level-1{flex-wrap:wrap!important}}

/* --- 07. Mobilni zobrazeni (do 991 px)  [zahlavi] --- */
@media(max-width:991px){.menu-level-1>li:nth-child(-n+7){display:none!important}}

/* --- 08. Horni lista (top navigation) - trigger a polozky  [zahlavi] --- */
.top-navigation-menu-trigger{display:none!important}.top-navigation-bar-menu{flex-wrap:wrap!important;max-width:100%!important}.top-navigation-bar-menu-helper{display:none!important}.top-navigation-menu-item-691.cropped{display:inline-block!important}

/* --- 09. Skryt polozku horniho menu c. 27  [zahlavi] --- */
.top-navigation-menu-item-27{display:none!important}

/* --- 10. Skryt hlavicku "Varianta" u dropdownu variant  [zahlavi] --- */
.varianty-vyber .variant-list>th{display:none!important}

/* --- 11. Vzhled dropdownu s variantami  [zahlavi] --- */
#simple-variants-select{border:2px solid #2e9952!important;background-color:#fafffa!important;color:#0d7836!important;font-weight:500!important}

/* --- 12. Hlaska o vlozeni do kosiku: na mobilu dolu + zmizi po 3 s  [zapati] --- */
@keyframes nbToastOut{0%,80%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@media(max-width:767px){.messages{top:auto!important;bottom:0!important;pointer-events:none}.messages .msg{pointer-events:auto;margin:0;padding:12px 16px;font-size:14px;line-height:1.35}.messages .msg-success{animation:nbToastOut 3s forwards}}

/* --- 13. Cookies lista: bily panel ve stylu modalu Nastaveni cookies  [zapati] --- */
/* Odmitnout i Souhlasim jsou stejne velka plna tlacitka (pozadavek UOOU na stejnou
   dostupnost odmitnuti); Nastaveni je textovy odkaz vlevo, jako "Vse vypnout" v modalu. */
.siteCookies__form{background:#F6F6F6!important;color:#000!important;border:1px solid #D8D8D8!important;border-radius:8px!important;box-shadow:0 8px 32px rgba(17,17,31,.22)!important;padding:24px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;row-gap:18px;column-gap:16px}
.siteCookies__content{display:contents!important}
.siteCookies__text{flex:1 1 100%!important;width:100%!important;color:#000!important;font-size:16px!important;line-height:24px!important;margin:0!important}
.siteCookies__text a{color:#007C47!important;text-decoration:underline}
.siteCookies__text .siteCookies__nadpis{display:block!important;font-size:18px!important;line-height:26px!important;font-weight:700!important;margin-bottom:2px!important}
.siteCookies__links{flex:0 1 auto!important;width:auto!important;margin:0!important;padding:0!important}
.siteCookies__link.js-cookies-settings{background:none!important;border:0!important;padding:0 4px!important;color:#11111F!important;font-size:16px!important;font-weight:700!important;text-decoration:underline!important;opacity:1!important;cursor:pointer}
.siteCookies__buttonWrap{flex:0 0 auto!important;margin-left:auto!important;display:flex!important;gap:12px!important}
.siteCookies__button{box-sizing:border-box!important;transition:background-color .15s ease,border-color .15s ease!important;height:48px!important;min-height:48px!important;border-radius:4px!important;border:0!important;font-size:16px!important;font-weight:700!important;padding:0 20px!important;line-height:48px!important}
.siteCookies__button[value=reject]{background:#F6F6F6!important;color:#007C47!important;border:2px solid #007C47!important;font-weight:700!important}
.siteCookies__button[value=reject]:hover{background:#E4E4E4!important;border-color:#00693C!important}
.siteCookies__button[value=all]{background:#007C47!important;color:#fff!important;border:0!important}
.siteCookies__button[value=all]:hover{background:#00693C!important}
@media(max-width:767px){
.siteCookies{display:block!important;width:auto!important;left:0!important;right:0!important;margin:0!important;padding:8px!important}
.siteCookies__form{display:block!important;width:100%!important;box-sizing:border-box!important;padding:18px!important;background-image:url(/user/documents/upload/cookie-lista-novobalak-v2.png)!important;background-repeat:no-repeat!important;background-position:18px calc(100% - 14px)!important;background-size:74px auto!important}
.siteCookies__content{display:contents!important}
.siteCookies__text{display:inline!important;width:auto!important}
.siteCookies__links{display:inline!important;margin:0!important;width:auto!important}
.siteCookies__link.js-cookies-settings{display:inline-block!important;width:auto!important;max-width:none!important;background:none!important;border:0!important;height:auto!important;line-height:22px!important;padding:11px 0!important;margin:0 0 0 10px!important;color:#007C47!important;font-weight:700!important;font-size:16px!important;text-decoration:underline!important;border-radius:0!important}
.siteCookies__buttonWrap{display:inline!important}
.siteCookies__button[value=reject]{display:inline-block!important;background:none!important;border:0!important;height:auto!important;line-height:22px!important;padding:11px 0!important;width:auto!important;margin-left:14px!important;color:#007C47!important;font-weight:700!important;font-size:16px!important;text-decoration:underline!important;border-radius:0!important}
.siteCookies__button[value=all]{display:block!important;width:calc(100% - 86px)!important;margin:14px 0 0 86px!important;padding:0 8px!important}
}

/* Novobalak pod textem, vedle odkazu Nastaveni (jen desktop - na mobilu na nej neni misto) */
@media(min-width:768px){
.siteCookies{width:720px!important;margin-left:-360px!important;background:transparent!important}
.siteCookies__form{width:100%!important;max-width:none!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:88px auto 1fr auto auto!important;grid-template-areas:"text text text text text" "obr odmitnout . nastaveni souhlas"!important;column-gap:16px!important;row-gap:14px!important;align-items:center!important}
.siteCookies__form::before{content:"";grid-area:obr;width:88px;height:88px;align-self:center;background:url(/user/documents/upload/cookie-lista-novobalak-v2.png) 50% 50%/contain no-repeat}
.siteCookies__text{grid-area:text;width:auto!important}
.siteCookies__links{grid-area:nastaveni;justify-self:end;margin-right:12px!important}
.siteCookies__buttonWrap{display:contents!important}
.siteCookies__button[value=reject]{grid-area:odmitnout;justify-self:start}
.siteCookies__button[value=all]{grid-area:souhlas;justify-self:end}
.siteCookies__link.js-cookies-settings{box-sizing:border-box!important;height:48px!important;padding:0 20px!important;border-radius:4px!important;background:#F6F6F6!important;color:#007C47!important;text-decoration:none!important;font-weight:700!important;font-size:16px!important;border:2px solid #007C47!important;transition:background-color .15s ease,border-color .15s ease!important}
.siteCookies__link.js-cookies-settings:hover{background:#E4E4E4!important;border-color:#00693C!important}
}

/* --- 14. Stitek mnozstevni slevy ve vypisu i na detailu produktu --- */
/* Shoptet do nej pise natvrdo "Vice za mene" a text nikde nastavit nejde (v pravidle
   mnozstevni slevy je jen zapnout/vypnout a barva). Puvodni text proto schovame
   pres font-size:0 a vlastni napis vykreslime v ::after. Barvu #D00000 ma Shoptet
   v inline stylu, takze ji jde prebit jen s !important. Upraveno 23.09.2026: text sjednocen na "Mnozstevni sleva", barva zmenena na #C2410C (oranzova) - zelena splyvala s tlacitkem Do kosiku i s dostupnosti */
.flag.flag-quantity-discount{background-color:#C2410C!important;font-size:0!important;line-height:0!important;white-space:nowrap}
.flag.flag-quantity-discount::after{content:"Množstevní sleva";display:inline-block;font-size:13px;line-height:13px;font-weight:700;color:#fff;letter-spacing:0}
@media(max-width:767px){.flag.flag-quantity-discount::after{font-size:12px;line-height:12px}}

/* --- 15. Karta produktu ve vypisu: cena s DPH pod hlavni cenu, ne nad ni --- */
/* Sablona ve vypisu vykresluje .price-additional PRED .price-final, takze doplnkova
   cena sedi presne tam, kde byva preskrtnuta puvodni cena. Dokud byly hlavni ceny
   s DPH, byl ten radek nad cenou nizsi a necetl se ruseive. Od prepnuti na ceny bez
   DPH je ale vyssi ("254 Kc vcetne DPH" nad "209,92 Kc") a karta pak vypada, jako by
   produkt byl zlevneny. Proto poradi obracime a doplnkovou cenu zjemnujeme.
   Upraveno 08.09.2026 */
.products .product .prices{display:flex!important;flex-direction:column!important;align-items:flex-start}
.products .product .prices .price-final{order:1}
.products .product .prices .price-additional{order:2;margin-top:1px;font-size:.8em;color:#7a7a7a;line-height:1.35;white-space:nowrap}
.products .product .prices .price-standard-wrapper{order:0}
.products .product .prices .availability{order:3}

/* --- 16. Popisek "bez DPH" u hlavni ceny (vypis i detail produktu) --- */
/* Od prepnuti e-shopu na primarni ceny bez DPH stoji u produktu dve cisla pod sebou:
   hlavni (bez DPH) bez jakehokoliv popisku a pod nim mensi s popiskem "vcetne DPH".
   Bez popisku u hlavniho cisla nelze poznat, ktere je ktere, a zakaznik to cte jako
   slevu nebo chybu. Doplnujeme proto popisek primo k hlavni cene. Delame to pres
   ::after, aby to platilo i pro ceny, ktere prepisuje skript mnozstevnich slev.
   Vytvoreno 08.09.2026 */
.products .product .prices .price-final strong::after,
.p-final-price-wrapper > .price-final .price-final-holder::after{
  content:"bez DPH";
  margin-left:.4em;
  font-size:.6em;
  font-weight:600;
  color:#767676;
  letter-spacing:0;
  white-space:nowrap;
}
.p-final-price-wrapper > .price-final .price-final-holder::after{font-size:.4em;position:relative;top:-.05em;margin-left:.5em}
/* .prices je ve vypisu polozka flexu (.offers), takze se smrskne na sirku obsahu.
   S doplnenym popiskem uz se hlavni cena do te sirky nevesla a lamala se na dva radky.
   Dovolime bloku vyuzit celou sirku karty. */
.products .product .offers{display:block}
.products .product .prices{flex:1 1 auto;min-width:0;width:100%}
/* V uzkych blocich (Doporucujeme / Nejprodavanejsi) se popisek odtrhaval na dalsi
   radek. Cenu s popiskem drzime pohromade na jednom radku. */
.products .product .prices .price-final strong{white-space:nowrap}

/* --- 17. Polozka "Velkoobchodni program" v hornim menu --- */
/* Varianta A3 (vybrana 11.09.2026): plna zelena pilulka ve stejne zelene #12873E a se
   stejnym tvarem, jaky uz maji tlacitka HLEDAT a Prihlasit se. Odkaz ma v sablone
   padding 18/20 a vysku 50px; zmensujeme ho na 40px a doplnujeme margin 5px, aby rada
   menu zustala stejne vysoka. Na mobilu inline-block, aby pilulka nebyla pres celou sirku. */
#navigation .menu-level-1 > li.menu-item-2527 > a{
  background:#12873E;
  color:#fff!important;
  border-radius:20px;
  padding:13px 22px!important;
  margin:5px 0;
  transition:background-color .15s ease;
}
#navigation .menu-level-1 > li.menu-item-2527 > a > b{font-weight:700}
#navigation .menu-level-1 > li.menu-item-2527 > a:hover,
#navigation .menu-level-1 > li.menu-item-2527 > a:focus{
  background:#0D7836;
  color:#fff!important;
}
@media(max-width:991px){
  #navigation .menu-level-1 > li.menu-item-2527 > a{display:inline-block;margin:6px 0;border-radius:20px}
}

/* --- 18. Box velkoobchodniho programu v kosiku: sdeleni misto tabulky --- */
/* Box mel stejny vzhled jako tabulky baleni na detailu produktu (ramecek, oddelovace
   radku, zvyrazneny "vybrany" radek se zelenym prouzkem, zeleny stitek). Tam je ale
   tabulka klikaci - radek se da vybrat. V kosiku neni klikaci nic, takze to slibovalo
   interakci, ktera neexistuje. Prevadime to na informacni panel: zadny ramecek,
   zadne oddelovace, zadny vybrany radek - jen tri radky textu a vyzva.
   Vytvoreno 10.09.2026 */
#nb{
  border:0!important;
  border-left:4px solid #0d7836!important;
  border-radius:6px!important;
  overflow:visible!important;
  background:#f4faf6!important;
  padding:14px 18px 15px!important;
  font-size:14px;
  line-height:1.5;
  color:#333;
}
#nb .nb-h{border:0!important;background:none!important;padding:0 0 8px!important;font-size:15px;font-weight:700;color:#14261a}
#nb .nb-r{display:block!important;border:0!important;background:none!important;box-shadow:none!important;padding:2px 0!important;position:static!important}
#nb .nb-r .nb-a{font-weight:600;color:#333}
#nb .nb-r .nb-a::after{content:" — ";color:#8a8a8a;font-weight:400}
#nb .nb-r .nb-b{font-weight:400;color:#555;text-align:left!important;float:none!important;display:inline!important}
#nb .nb-r.nb-on .nb-b{color:#0d7836;font-weight:600}
#nb .nb-bd{background:none!important;color:#0d7836!important;padding:0!important;margin:0 4px 0 0!important;font-style:normal;font-weight:700;border-radius:0!important;min-width:0!important;font-size:1em!important}
#nb .nb-bd::after{content:","}
#nb .nb-f{border:0!important;background:none!important;padding:12px 0 0!important;margin-top:8px;border-top:1px solid #dfeee4!important}

/* --- 19. Stupne velkoobchodniho programu jako schody (/mnozstevni-slevy/) --- */
/* Tabulka na te strance nemela zadne styly (padding 0, border 0 none) a text se slepoval.
   Prevadime ji na tri STEJNE VYSOKE karty se stoupajicim zelenym schodem u spodni hrany
   (8 / 20 / 32 px) - vyska karet se nemeni, stoupa jen schod, proto to zustava zarovnane.
   Zustava to <table>, data tedy drzi tabulkovou strukturu; hlavicka je jen vizualne
   schovana (ne display:none), aby ji ctecky cetly dal.
   Vytvoreno 11.09.2026 */
table.nb-hladiny{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;
  margin:26px 0 34px;border:0;border-collapse:separate;position:relative;
}
table.nb-hladiny thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
table.nb-hladiny tbody{display:contents}
table.nb-hladiny tr{
  display:flex;flex-direction:column;background:#fff;
  border:1px solid #E2E9E4;border-radius:8px;overflow:hidden;padding:18px 20px 0;
}
table.nb-hladiny td{display:block;border:0;padding:0;background:none}
.nb-hladiny .nb-c2{order:1}
.nb-hladiny .nb-c1{order:2;margin-top:14px;min-height:44px}
.nb-hladiny .nb-c3{order:3;margin-top:6px;padding-bottom:20px;font-size:14px;color:#6E7B74;line-height:1.55}
.nb-hladiny .nb-k{display:block;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8A948E;line-height:1.2}
.nb-hladiny .nb-big{display:block;font-size:32px;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#24242E;margin-top:6px;font-variant-numeric:tabular-nums}
.nb-hladiny .nb-c1 strong{display:block;font-size:16px;font-weight:700;color:#24242E;line-height:1.3}
.nb-hladiny .nb-sub{display:block;font-size:13px;color:#96A09A;line-height:1.4;margin-top:2px}
/* schod u spodni hrany - margin:auto -20px 0 ho drzi vzdy dole a pres celou sirku karty */
.nb-hladiny tr::after{content:"";display:block;order:4;margin:auto -20px 0;height:8px;background:#DAE8E0}
.nb-hladiny tr.nb-h2::after{height:20px;background:#12873E}
.nb-hladiny tr.nb-h3::after{height:32px;background:#0D7836}
/* nejcastejsi hladina je zvyraznena - jen ona je zelena, at je hierarchie cista */
.nb-hladiny tr.nb-h2{border-color:#12873E;box-shadow:0 0 0 1px #12873E}
.nb-hladiny tr.nb-h2 .nb-k,.nb-hladiny tr.nb-h2 .nb-big{color:#12873E}
@media(max-width:640px){
  table.nb-hladiny{grid-template-columns:1fr;gap:10px}
  .nb-hladiny .nb-big{font-size:28px}
  .nb-hladiny .nb-c1{min-height:44px}
}

/* --- 20. "Proc nakupovat v Novobalu?" pryc z horniho menu --- */
/* Sedm polozek potrebovalo na jeden radek 1457 px a na bezny notebook se to neveslo:
   menu se lamalo na dva radky a zelena pilulka padala pod nej. Tahle polozka je
   nejsirsi (298 px) - bez ni zbyde 1159 px a vejde se to. Stranku nemazeme,
   /proc-nakupovat-v-novobalu/ funguje dal, jen uz na ni nevede odkaz z horniho menu.
   Nasazeno 14.09.2026 */
#navigation .menu-level-1 > li.menu-item-27{display:none!important}

/* --- 21. Box velkoobchodniho programu v objednavce (#nb-static) --- */
/* Shoptet ho vklada do sve sedive "vlastni zpravy" (.site-msg-custom step-1), ktera ma
   vlevo cervenou ikonu a 56px odsazeni. Dva ramecky v sobe a cervena ikona vypadaly
   jako chybova hlaska, takze obal Shoptetu skryvame uplne.
   Samotny panel je pak ve stejnem jazyce jako zbytek pokladny: bily podklad,
   linka 1px #E4E4E4 jako u radku dopravy a karet v pravem sloupci, a nahore 2px
   zelena linka - stejna, jakou ma aktivni krok "Doprava & platba". Nadpis 16/700
   v zeleni #12873E jako ostatni nadpisy v pokladne, hodnoty slev zelene tucne.
   Nasazeno 14.09.2026 */
.site-msg-custom:has(#nb-static){
  background:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0 0 20px!important;
}
.site-msg-custom:has(#nb-static)::before,
.site-msg-custom:has(#nb-static)::after{display:none!important;content:none!important}
#nb-static{
  border:1px solid #E4E4E4!important;
  border-top:2px solid #12873E!important;
  border-radius:0!important;
  background:#fff!important;
  padding:16px 20px 18px!important;
  font-size:15px;line-height:1.6;color:#656565;
}
#nb-static > strong{display:block;font-size:16px;font-weight:700;color:#12873E;margin:0 0 10px;line-height:1.35}
#nb-static ul{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:6px}
#nb-static li{padding:0;color:#656565}
#nb-static li strong{color:#12873E;font-weight:700}
#nb-static > p{margin:14px 0 0!important;padding-top:13px;border-top:1px solid #E4E4E4;color:#656565;font-size:14px}
#nb-static a{color:#12873E;font-weight:700;text-decoration:none}
#nb-static a:hover{color:#0D7836;text-decoration:underline}
@media(max-width:600px){
  #nb-static{padding:14px 15px 16px!important;font-size:14px}
  #nb-static > strong{font-size:15px}
}