/* slevir-prepaint.css v1 (2026-10-30) - loaded in <head> (Záhlaví) so it applies BEFORE first paint (no layout shift).
   Every rule is scoped by html:not(.sd-off); the inline head script sets .sd-off for ?declutter=off, iframe preview and /objednavka/.
   Per-item rollback: delete that block, re-upload, bump ?v=. */

/* B4 + D08: desktop nav row (63px) holds only theme-hidden category items -> hide before paint; the sidebar pull-up is reset */
@media (min-width:768px){
 html:not(.sd-off) #navigation:not(:has(.menu-level-1>li:not(.appended-category):not(.sd-login-item))){display:none!important}
 html:not(.sd-off):has(#navigation:not(:has(.menu-level-1>li:not(.appended-category):not(.sd-login-item)))) .sidebar-left{top:0!important}
/* B4: theme JS moves the full-width breadcrumbs row into #content at document.ready (40px jump of the whole page).
   Hide the original row before paint and reserve the same 40px inside #content until the move happened. */
 html:not(.sd-off) .overall-wrapper>.breadcrumbs-wrapper{display:none!important}
 html:not(.sd-off):has(.overall-wrapper>.breadcrumbs-wrapper) #content:not(:has(.breadcrumbs-wrapper))::before{content:"";display:block;height:40px}
/* D09: top-bar e-mail/phone */
 html:not(.sd-off) .top-navigation-bar .top-navigation-contacts{display:none!important}
}
/* D06: mobile login row (the "Přihlášení" link is added to the end of the mobile menu by slevir-declutter.js) */
@media (max-width:767px){
 html:not(.sd-off) #header .navigation-buttons .top-nav-button-login{display:none!important}
 html:not(.sd-off) #header .header-top{min-height:0!important;height:auto!important;padding:0!important}
 html:not(.sd-off) #header .navigation-buttons{min-height:0!important}
/* B4 mobile: the theme's breadcrumbs move stops a margin-collapse and shifts the whole content box by 17px; establish it up front */
 html:not(.sd-off) .content-wrapper-in{padding-top:.1px}
/* sorting tabs wrap to 2 rows with the fallback font until the web font loads (41px jump) - keep them on one row */
 html:not(.sd-off) .type-category .listSorting__controls{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}
 html:not(.sd-off) .type-category .listSorting__controls>li{flex:0 0 auto}
/* the item counter is hidden by the theme after load anyway - hide it before paint (removes a 41px jump) */
 html:not(.sd-off) .type-category #category-header .listItemsTotal{display:none!important}
}

/* B2 + B3: mobile category - drop "Nejprodávanější", 2-column compact tiles */
@media (max-width:767px){
 html:not(.sd-off) .type-category .products-top-wrapper{display:none!important}
 html:not(.sd-off) .type-category #products.products-page{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0!important}
 html:not(.sd-off) .type-category #products.products-page>.product{width:auto!important;max-width:none!important;margin:0!important;padding:0!important;float:none!important}
 html:not(.sd-off) .type-category #products.products-page>.product>.p{height:100%;display:flex;flex-direction:column;padding:6px!important;margin:0!important}
 html:not(.sd-off) .type-category #products.products-page .p>a.image{display:block;height:130px!important;padding:0!important;margin:0 0 6px!important}
 html:not(.sd-off) .type-category #products.products-page .p>a.image img{width:100%!important;height:130px!important;object-fit:contain}
 html:not(.sd-off) .type-category #products.products-page .p-in{display:flex;flex-direction:column;flex:1;padding:0!important}
 html:not(.sd-off) .type-category #products.products-page .p-in-in{padding:0!important;min-height:0!important}
 html:not(.sd-off) .type-category #products.products-page a.name{font-size:13px!important;line-height:1.3!important;min-height:0!important;height:auto!important;margin:0 0 4px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 html:not(.sd-off) .type-category #products.products-page .ratings-wrapper{display:block!important;margin:0 0 4px!important;min-height:0!important}
 html:not(.sd-off) .type-category #products.products-page .availability{font-size:11px!important;line-height:1.3}
 html:not(.sd-off) .type-category #products.products-page .stars-placeholder,
 html:not(.sd-off) .type-category #products.products-page .p-desc{display:none!important}
 html:not(.sd-off) .type-category #products.products-page .p-bottom{margin-top:auto!important;padding:0!important}
 html:not(.sd-off) .type-category #products.products-page .p-bottom>div{display:block!important}
 html:not(.sd-off) .type-category #products.products-page .prices{display:block!important;width:auto!important;margin:0 0 6px!important;text-align:left}
 html:not(.sd-off) .type-category #products.products-page .price-final{font-size:16px!important}
 html:not(.sd-off) .type-category #products.products-page .price-standard,
 html:not(.sd-off) .type-category #products.products-page .price-save{font-size:11px!important}
 html:not(.sd-off) .type-category #products.products-page .p-tools{display:block!important;width:100%!important;margin:0!important}
 html:not(.sd-off) .type-category #products.products-page .p-tools form,
 html:not(.sd-off) .type-category #products.products-page .p-tools .btn{width:100%!important;margin:0!important}
 html:not(.sd-off) .type-category #products.products-page .p-tools .btn{padding:8px 4px!important;font-size:13px!important;min-height:0!important;line-height:1.2!important}
 html:not(.sd-off) .type-category #products.products-page .flags{transform:scale(.8);transform-origin:top left}
}

/* B9: compact cookie bar - one short block, three EQUAL buttons (Nastavení / Odmítnout / Souhlasím) */
@media (max-width:767px){
 html:not(.sd-off) .siteCookies{padding:10px 12px 12px!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;max-width:none!important;border-radius:0!important}
 html:not(.sd-off) .siteCookies__form{display:grid!important;grid-template-columns:1fr 2fr;gap:8px;align-items:stretch;padding:0!important;margin:0!important}
 html:not(.sd-off) .siteCookies__content{display:contents!important}
 html:not(.sd-off) .siteCookies__text{grid-column:1/-1;font-size:12px!important;line-height:1.35!important;margin:0!important;padding:0!important}
 html:not(.sd-off) .siteCookies__links{grid-column:1;margin:0!important;padding:0!important;display:flex}
 html:not(.sd-off) .siteCookies__buttonWrap{grid-column:2;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0!important;padding:0!important;width:auto!important}
}
@media (min-width:768px){
 html:not(.sd-off) .siteCookies{max-width:820px!important;width:auto!important;padding:12px 16px!important}
 html:not(.sd-off) .siteCookies__form{display:flex!important;align-items:center;gap:10px}
 html:not(.sd-off) .siteCookies__content{display:contents!important}
 html:not(.sd-off) .siteCookies__text{flex:1 1 auto;font-size:13px!important;line-height:1.4!important;margin:0!important}
 html:not(.sd-off) .siteCookies__links{order:2;margin:0!important;display:flex;flex:0 0 120px}
 html:not(.sd-off) .siteCookies__buttonWrap{order:3;display:flex!important;gap:10px;margin:0!important;flex:0 0 250px}
}
html:not(.sd-off) .siteCookies .siteCookies__link,
html:not(.sd-off) .siteCookies .siteCookies__button{flex:1;width:100%;margin:0!important;padding:9px 6px!important;min-height:40px;font-size:14px!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;text-transform:none!important;border:1px solid #fff!important;border-radius:4px!important;background:transparent!important;color:#fff!important;cursor:pointer}

/* B10 seasonal menu - NEEDS PETR. To enable: remove the comment markers, re-upload, bump ?v=.
   Keeps 🔥 VÝPRODEJ (2707) + 🕯️ Dušičky (3493); hides ✅ NOVÉ (1202), 🍁 Podzim (3216), 👻 Halloween (3231). URLs stay live.
   Mobile menu = #navigation li.menu-item-ID, desktop sidebar = #categories #cat-ID. After 2 Nov swap 3493 for the Vánoce category ID.
html:not(.sd-off) #navigation .menu-level-1>li.menu-item-1202,
html:not(.sd-off) #navigation .menu-level-1>li.menu-item-3216,
html:not(.sd-off) #navigation .menu-level-1>li.menu-item-3231,
html:not(.sd-off) #categories #cat-1202,
html:not(.sd-off) #categories #cat-3216,
html:not(.sd-off) #categories #cat-3231{display:none!important}
*/