/* Vzhled Ebau.cz - vlastni styly (zalozeno 3. 10. 2026). Nacita se z HTML kodu Zahlavi. */

/* === Hlavni menu === */
@media (min-width:768px){
#navigation .navigation-in.menu{border-radius:14px;background:#14181f;}
#navigation .navigation-in.menu>.menu-level-1{padding:0 6px;justify-content:space-between;}
#navigation .navigation-in.menu>.menu-level-1>li{flex:1 1 auto;}
#navigation .navigation-in.menu>.menu-level-1>li>a{border:0 !important;text-align:center;padding:0 8px;height:38px;line-height:38px;margin:6px 0;border-radius:10px;white-space:nowrap;}
#navigation .navigation-in.menu>.menu-level-1>li>a>b{font-size:14.5px;line-height:38px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;}
#navigation .navigation-in.menu>.menu-level-1>li.menu-item-810>a>b{color:#f7b24a;}
#navigation .navigation-in.menu>.menu-level-1>li.menu-item-810:hover>a>b,#navigation .navigation-in.menu>.menu-level-1>li.menu-item-810.exp>a>b{color:#fff;}
}

/* === Ukotvena hlavicka + hledani === */
@media (min-width:768px){
.overall-wrapper{overflow-x:clip !important;overflow-y:visible !important;}
#header{position:sticky !important;top:0;z-index:60;background:#fff;box-shadow:0 2px 14px rgba(20,24,31,.08);}
}
@media (min-width:992px){
#header .header-top .site-name-wrapper{flex:0 0 330px !important;width:330px !important;}
#header .header-top .search{flex:1 1 auto !important;max-width:540px;}
#header .header-top .navigation-buttons{flex:0 0 auto !important;width:auto !important;margin-left:auto;}
}
@media (min-width:768px){
#header #formSearchForm{height:46px !important;}
#header #formSearchForm .query-input{height:46px !important;border:1.5px solid #d9dce1 !important;border-right:0 !important;border-radius:12px 0 0 12px !important;box-shadow:none !important;padding-right:14px !important;}
#header #formSearchForm .btn{height:46px !important;border-radius:0 12px 12px 0 !important;padding:0 24px !important;font-weight:700;top:0 !important;margin:0 !important;}
#header .btn.cart-count{border-radius:12px !important;}
}

/* === Hledani - uzsi okna === */
@media (min-width:992px){
#header .header-top .search{flex:1 1 0 !important;min-width:0;}
}
@media (min-width:992px) and (max-width:1199px){
#header .header-top .site-name-wrapper{flex:0 0 270px !important;width:270px !important;}
}
@media (min-width:768px){
#header #formSearchForm .btn{width:auto !important;min-width:0 !important;flex:0 0 auto !important;}
}
@media (min-width:768px) and (max-width:1199px){
#header #formSearchForm .btn{padding:0 16px !important;}
}

/* === Ukotveni bez menu kategorii === */
@media (min-width:768px){
.top-navigation-bar{position:sticky !important;top:0;z-index:62;background:#fff;}
#header{top:36px !important;}
#navigation{transition:opacity .15s;}
html.hx-scrolled #navigation{visibility:hidden;opacity:0;pointer-events:none;}
html.hx-scrolled #header{background:transparent !important;box-shadow:none !important;pointer-events:none;}
html.hx-scrolled #header .header-top{pointer-events:auto;position:relative;z-index:0;}
html.hx-scrolled #header .header-top::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#fff;box-shadow:0 2px 14px rgba(20,24,31,.08);z-index:-1;}
}

/* === Ukotveni jen ve vypisech produktu === */
@media (min-width:768px){
body:not(.type-category):not(.type-search):not(.type-manufacturer-detail) .top-navigation-bar{position:relative !important;}
body:not(.type-category):not(.type-search):not(.type-manufacturer-detail) #header{position:relative !important;top:auto !important;box-shadow:none !important;}
html.hx-scrolled body:not(.type-category):not(.type-search):not(.type-manufacturer-detail) #navigation{visibility:visible;opacity:1;pointer-events:auto;}
html.hx-scrolled body:not(.type-category):not(.type-search):not(.type-manufacturer-detail) #header{background:#fff !important;pointer-events:auto;}
html.hx-scrolled body:not(.type-category):not(.type-search):not(.type-manufacturer-detail) #header .header-top::before{display:none;}
html.hx-scrolled #header .header-top::before{background:#f4f5f7 !important;border-bottom:1px solid #d5d9df;box-shadow:0 8px 20px rgba(20,24,31,.16) !important;}
}

/* === Nabidka podkategorii === */
@media (min-width:992px){
#navigation .menu-level-1>li>ul.menu-level-2{padding:16px 14px 18px !important;border-radius:0 0 16px 16px;box-shadow:0 18px 40px rgba(20,24,31,.16);align-items:flex-start;}
#navigation ul.menu-level-2>li{flex:0 0 25% !important;width:25% !important;max-width:25%;display:flex !important;align-items:flex-start;gap:14px;padding:12px !important;margin:0 !important;border-radius:14px;box-sizing:border-box;transition:background .15s;}
#navigation ul.menu-level-2>li:hover{background:#f5f0e8;}
#navigation ul.menu-level-2>li>a.menu-image{flex:0 0 104px !important;width:104px !important;height:84px;padding:6px !important;margin:0 !important;box-sizing:border-box;border-radius:14px;background:#f5f0e8;display:flex !important;align-items:center;justify-content:center;transition:background .15s;}
#navigation ul.menu-level-2>li:hover>a.menu-image{background:#fff;}
#navigation ul.menu-level-2>li>a.menu-image img{width:100% !important;height:100% !important;max-height:none !important;object-fit:contain;mix-blend-mode:multiply;}
#navigation ul.menu-level-2>li>div{flex:1 1 0 !important;width:auto !important;min-width:0;padding:2px 0 0 !important;}
#navigation ul.menu-level-2>li>div>a{padding:0 !important;margin:0 0 6px !important;}
#navigation ul.menu-level-2>li>div>a>span{font-size:16px !important;line-height:1.25 !important;font-weight:700;color:#14181f;}
#navigation ul.menu-level-2>li>div>a:hover>span{color:#d97f00;}
#navigation ul.menu-level-3{max-height:none !important;overflow:visible !important;}
#navigation ul.menu-level-3>li{display:block !important;font-size:0 !important;line-height:0 !important;}
#navigation ul.menu-level-3>li>a{display:block !important;font-size:14px !important;line-height:1.3 !important;padding:3px 0 !important;color:#3b424c !important;text-decoration:none !important;}
#navigation ul.menu-level-3>li>a:hover{color:#d97f00 !important;text-decoration:underline !important;}
#navigation ul.menu-level-3>li:nth-child(n+6):not(.display-more){display:none !important;}
#navigation ul.menu-level-3>li.display-more>a{font-size:0 !important;padding-top:6px !important;}
#navigation ul.menu-level-3>li.display-more>a::after{content:"Zobrazit vše ›";font-size:13.5px;line-height:1.3;font-weight:700;color:#d97f00;white-space:nowrap;}
}
@media (min-width:992px) and (max-width:1199px){
#navigation ul.menu-level-2>li{flex-basis:33.333% !important;width:33.333% !important;max-width:33.333%;}
#navigation ul.menu-level-2>li>a.menu-image{flex-basis:72px !important;width:72px !important;height:60px;}
#navigation ul.menu-level-2>li{gap:10px;padding:10px !important;}
}

/* === Nabidka podkategorii - pocet v odkazu "Vsech N podkategorii" === */
@media (min-width:992px){
#navigation ul.menu-level-3{counter-reset:hxn;}
#navigation ul.menu-level-3>li:not(.display-more){counter-increment:hxn;}
#navigation ul.menu-level-3>li:nth-child(n+6):not(.display-more){display:block !important;height:0 !important;overflow:hidden !important;visibility:hidden !important;}
#navigation ul.menu-level-3>li.display-more>a::after{content:"Všech " counter(hxn) " podkategorií ›" !important;}
}

/* === Nabidka podkategorii - presne 6 podkategorii se vypise celych 6, odkaz "Vsech N" az od 7 === */
@media (min-width:992px){
#navigation ul.menu-level-3>li:nth-child(6):nth-last-child(2):not(.display-more){display:block !important;height:auto !important;overflow:visible !important;visibility:visible !important;}
#navigation ul.menu-level-3>li.display-more:nth-child(-n+7){display:none !important;}
}

/* === Nabidka podkategorii - rozlozeni: mala fotka + nazev vedle sebe, pod linkou seznam pres celou sirku sloupce (nazvy se nelamou) === */
@media (min-width:992px){
#navigation ul.menu-level-2>li{display:grid !important;grid-template-columns:64px minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:center;padding:12px 14px !important;}
#navigation ul.menu-level-2>li>a.menu-image{flex:none !important;width:64px !important;height:54px;padding:4px !important;border-radius:10px;grid-column:1;grid-row:1;}
#navigation ul.menu-level-2>li>div{display:contents !important;}
#navigation ul.menu-level-2>li>div>a{grid-column:2;grid-row:1;margin:0 !important;}
#navigation ul.menu-level-3{grid-column:1 / -1;grid-row:2;border-top:1px solid #e6e8ec;padding-top:6px !important;}
#navigation ul.menu-level-3>li>a{line-height:1.25 !important;padding:4px 0 !important;color:#2b313a !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#navigation ul.menu-level-3>li.display-more>a{padding-top:7px !important;overflow:visible;}
}

/* === Nabidka podkategorii - seznam odsazeny pod nazev, s teckami === */
@media (min-width:992px){
#navigation ul.menu-level-2>li{padding:12px 10px 12px 14px !important;}
#navigation ul.menu-level-3{padding-left:76px !important;}
#navigation ul.menu-level-3>li>a{position:relative;padding:4px 0 4px 13px !important;white-space:normal;overflow:visible;}
#navigation ul.menu-level-3>li:not(.display-more)>a::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#c3c8d0;transition:background .15s;}
#navigation ul.menu-level-3>li:not(.display-more)>a:hover{text-decoration:none !important;}
#navigation ul.menu-level-3>li:not(.display-more)>a:hover::before{background:#f39200;}
#navigation ul.menu-level-3>li.display-more>a{padding-left:13px !important;}
}

/* === Nabidka podkategorii - vyska: kdyz se nevejde na obrazovku, roluje se uvnitr nabidky; VIP znacky v peti sloupcich (dve rady misto tri) === */
@media (min-width:992px){
#navigation .menu-level-1>li>ul.menu-level-2{max-height:calc(100vh - 215px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;}
}
@media (min-width:1200px){
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2{padding:10px 14px 12px !important;}
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li{flex:0 0 20% !important;width:20% !important;max-width:20%;grid-template-columns:56px minmax(0,1fr);column-gap:10px;padding:10px 8px 10px 12px !important;}
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li>a.menu-image{width:56px !important;height:48px;}
#navigation .menu-level-1>li.menu-item-12603 ul.menu-level-3{padding-left:0 !important;}
#navigation .menu-level-1>li.menu-item-12603 ul.menu-level-3>li>a{padding-top:3px !important;padding-bottom:3px !important;}
#navigation .menu-level-1>li.menu-item-12603 ul.menu-level-3>li:not(.display-more)>a::before{top:9px;}
#navigation .menu-level-1>li.menu-item-12603 ul.menu-level-2>li>div>a>span{font-size:15px !important;}
}

/* === Nabidka podkategorii - seznam tesne pod nazvem, bez linky; VIP znacky s linkou pod logem a nazvem === */
@media (min-width:992px){
#navigation ul.menu-level-2>li{row-gap:0;}
#navigation ul.menu-level-3{border-top:0;padding-top:0 !important;margin-top:-5px !important;}
}
@media (min-width:1200px){
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li{row-gap:6px;}
#navigation .menu-level-1>li.menu-item-12603 ul.menu-level-3{border-top:1px solid #e6e8ec;padding-top:3px !important;margin-top:0 !important;}
}

/* === Nabidka podkategorii - uzsi okno (992-1199 px): seznam od kraje sloupce, at se nazvy nelamou === */
@media (min-width:992px) and (max-width:1199px){
#navigation ul.menu-level-3{padding-left:0 !important;margin-top:3px !important;}
}

/* === Nabidka podkategorii - vetsi fotka pres vysku nazvu i seznamu, seznam vedle ni pod nazvem (VIP znacky beze zmeny) === */
@media (min-width:1200px){
#navigation ul.menu-level-2>li{grid-template-columns:72px minmax(0,1fr);align-items:start;}
#navigation ul.menu-level-2>li>a.menu-image{grid-row:1 / span 2;width:72px !important;height:62px;padding:3px !important;}
#navigation ul.menu-level-2>li>div>a{align-self:start;padding-top:2px !important;}
#navigation ul.menu-level-3{grid-column:2;padding-left:0 !important;margin-top:3px !important;}
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li{align-items:center;}
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li>a.menu-image{grid-row:1;padding:4px !important;}
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li>div>a{align-self:center;padding-top:0 !important;}
#navigation .menu-level-1>li.menu-item-12603 ul.menu-level-3{grid-column:1 / -1;margin-top:0 !important;}
}
@media (min-width:1440px){
#navigation ul.menu-level-2>li{grid-template-columns:84px minmax(0,1fr);column-gap:12px;}
#navigation ul.menu-level-2>li>a.menu-image{width:84px !important;height:70px;}
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li{grid-template-columns:64px minmax(0,1fr);column-gap:10px;}
#navigation .menu-level-1>li.menu-item-12603>ul.menu-level-2>li>a.menu-image{width:64px !important;height:54px;}
}