/* ===== GLOBAL HEADER ===== */
:root{--color-primary:#343434!important;--color-primary-hover:#ff804d!important}
#header.fixed-menu,#header,#navigation,.navigation-wrapper,#header .navbar,#header .navbar-default,#header .header-top,#header .header-main,#header .header-bottom,#header .navbar-wrapper{background:#343434!important}
#header{border-bottom:none!important}

/* ===== DESKTOP NAV LINKS ===== */
#navigation ul.menu-level-1>li>a{color:#fff!important;-webkit-text-fill-color:#fff!important;transition:color .2s ease}
#navigation ul.menu-level-1>li>a:hover,#navigation ul.menu-level-1>li>a:focus,#navigation ul.menu-level-1>li.active>a,#navigation ul.menu-level-1>li.current>a{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration-color:#ff804d!important}
#navigation ul.menu-level-1>li>a:hover::after,#navigation ul.menu-level-1>li>a:focus::after{background:#ff804d!important}
a.active::after{background:#fff!important}
#navigation ul.menu-level-1>li>a b,#navigation ul.menu-level-1>li>a span{color:inherit!important;-webkit-text-fill-color:inherit!important}
.navigation-in,.navigation-in ul,.navigation-in li,#navigation ul.menu-level-1,#navigation ul.menu-level-1>li{background:#343434!important}
#navigation ul.menu-level-1>li>a:active,#navigation ul.menu-level-1>li>a:visited{color:#fff!important;-webkit-text-fill-color:#fff!important}
#navigation ul.menu-level-1>li.ext>a,#navigation ul.menu-level-1>li.ext>a b,#navigation ul.menu-level-1>li.ext>a span{color:#fff!important;-webkit-text-fill-color:#fff!important}
#navigation ul.menu-level-1>li.ext>a:hover,#navigation ul.menu-level-1>li.ext>a:hover b,#navigation ul.menu-level-1>li.ext>a:hover span{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important}

/* ===== DESKTOP DROPDOWN (level 2) ===== */
ul.menu-level-2,ul.menu-level-2 li,ul.menu-level-2 li a,ul.menu-level-2 li a b,ul.menu-level-2 li a span{background:#fff!important;color:#333!important;-webkit-text-fill-color:#333!important}
ul.menu-level-2 li a:hover,ul.menu-level-2 li a:hover b,ul.menu-level-2 li a:hover span{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important}
nav#navigation ul.menu-level-2{border:2px solid #343434!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}

/* ===== HEADER ICONS ===== */
#header .navigation-buttons .btn.cart-count:before,#header .header-top .top-nav-button-account:before,#header .header-top .top-nav-button-login:before,.menu-helper:after{filter:brightness(0) invert(1)}
#header .logo-wrapper,#header .logo-wrapper a,#header .brand,#header .brand a,#header .navbar-header,#header .navbar-header a{background:#343434!important}

/* ===== SEARCH TOGGLE ICON ===== */
#header .search-form .search-toggle{background-color:transparent!important;filter:invert(1)!important}
#header .search-form.hovered .search-toggle{filter:none!important}
#header .search-form input[type="search"],#header .search-form input[type="text"],
#header .search-form fieldset input,#formSearchForm input.query-input,
#header .search-form .query-input{background:#fff!important;color:#333!important;border-color:#ccc!important;border-radius:4px!important}
#header .search-form input::placeholder{color:#999!important}

/* ===== NAVIGATION CLOSE (X) BUTTON ===== */
span.navigation-close,span.navigation-close::before,span.navigation-close::after{color:#fff!important;filter:brightness(0) invert(1)!important}

/* ===== BURGER MENU DROPDOWN (desktop) ===== */
.menu-helper,
.menu-helper ul,
.menu-helper li,
.menu-helper .navigation-in,
div.menu-helper.visible{background:#343434!important;border:none!important;box-shadow:none!important}
.menu-helper ul li a,
.menu-helper ul li a b,
.menu-helper ul li a span{background:#343434!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.menu-helper ul li a:hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;background:#343434!important}
.menu-helper ul.menu-level-2,
.menu-helper ul.menu-level-2 li,
.menu-helper ul.menu-level-2 li a{background:#2a2a2a!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.menu-helper ul.menu-level-2 li a:hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important}

/* ===== MOBILE ===== */
@media(max-width:991px){
#header,#header .navbar,#header .header-top,#header .navigation-wrapper,#header .navbar-wrapper,#header .container.navigation-wrapper,div.header-top{background:#343434!important}

/* mobile icons */
#header .menu-helper,#header .menu-helper::after,#header .navbar-toggle,#header .menu-toggle,#header [data-toggle=collapse],#header .nav-opener{filter:brightness(0) invert(1)!important}
#header .menu-helper:after,#header .header-top .top-nav-button-account:before,#header .header-top .top-nav-button-login:before{filter:brightness(0) invert(1)!important}
a.toggle-window[data-target="search"]::before,a[data-testid="linkSearchIcon"]::before,a.toggle-window[data-target="navigation"]::before,a[data-testid="hamburgerMenu"]::before{filter:brightness(0) invert(1)!important}
a.toggle-window,a.toggle-window[data-target="search"],a.toggle-window[data-target="navigation"],a.toggle-window[data-target="login"]{background:transparent!important}

/* cart */
#header .navigation-buttons .btn.cart-count,#header .navigation-buttons .btn[href*=cart],#header .navigation-buttons .btn[href*=kosik]{filter:none!important;background:#343434!important}
#header .navigation-buttons .btn.cart-count:before,#header .navigation-buttons .btn.cart-count .icon,#header .navigation-buttons .btn[href*=cart]:before{filter:brightness(0) invert(1)!important}
#header .navigation-buttons .btn.cart-count .cart-count-number,#header .navigation-buttons .btn.cart-count .count{color:#fff!important}
#header .icon-bar,#header .navbar-toggle .icon-bar,#header .menu-helper .icon-bar{background:#fff!important}
body .top-navigation-bar .responsive-tools>a:before,body .top-navigation-bar .responsive-tools>a.toggle-window:before{color:#fff!important;filter:brightness(0) invert(1)!important}

/* mobile menu open */
#header .navbar-collapse,#header .navbar-collapse.in,#header .collapse.in,div.navigation-in.menu,div.menu-helper.visible{background:#343434!important;border:none!important}
div.navigation-in.menu ul,div.navigation-in.menu li,div.navigation-in.menu a,div.navigation-in.menu a b,div.navigation-in.menu a span{background:#343434!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
div.navigation-in.menu a:hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important}
ul.menu-level-1 li a b,ul.menu-level-1 li a span{color:#fff!important;-webkit-text-fill-color:#fff!important}
span.submenu-arrow,span.submenu-arrow::before{color:#fff!important;border-color:#fff!important;background:transparent!important}
span.submenu-arrow::after{color:#fff!important;border-color:#fff!important;background-color:transparent!important;filter:brightness(0) invert(1)!important}
#navigation ul.menu-level-1>li>a:hover .submenu-arrow{filter:none!important;color:#ff804d!important}
.submenu-arrow{filter:brightness(0) invert(1)!important}
#navigation ul.menu-level-1>li>a:hover .submenu-arrow{filter:none!important;color:#ff804d!important}
}

/* ===== MOBILE NAV LINK FIX (767px) ===== */
/*
  Shoptet sets on this breakpoint:
    #navigation li a { background: #fff !important; color: #000 !important }
  This causes white boxes on every link and black text.
  Fix: transparent background so dark parent shows through, white text.
*/
@media(max-width:767px){
#navigation li a{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#navigation li a b,#navigation li a span{background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#navigation li a:hover,#navigation li a:focus{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;background:transparent!important}
#navigation li a:active,#navigation li a:visited{color:#fff!important;-webkit-text-fill-color:#fff!important;background:transparent!important}
/* Back/expand arrow - only set background transparent on ::before (overlay), NOT ::after (has the SVG icon) */
span.submenu-arrow{color:#fff!important;border-color:#fff!important}
span.submenu-arrow::before{background:transparent!important;color:#fff!important;border-color:#fff!important}
/* ::after has the arrow SVG - only invert it, never touch background */
span.submenu-arrow::after{filter:invert(1)!important;background-color:transparent!important}
}

/* ===== DESKTOP PRODUCT IMAGES ===== */
@media(min-width:993px){
.type-category #productsTop img,.type-index #productsTop img{width:100%!important;min-width:300px!important;max-width:400px!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}
.type-category .products-block .p a.image img{width:100%!important;max-width:none!important;height:auto!important;object-fit:cover!important}
}

/* ===== BUTTONS ===== */
body .btn,body a.btn,body button.btn,body input.btn{font-weight:700!important}
.btn.btn-primary:hover,.btn.btn-primary:focus{color:#000!important;-webkit-text-fill-color:#000!important}
.btn.btn-default:hover,.btn.btn-default:focus{color:#000!important;-webkit-text-fill-color:#000!important}

/* ===== BENEFIT BANNER ===== */
.benefitBanner .benefitBanner__item .benefitBanner__title,.benefitBanner__item .benefitBanner__title{color:#ff804d!important;font-weight:700!important;font-size:1.3em;line-height:1.3!important;margin:0 0 1em;display:block}
.benefitBanner__item .benefitBanner__data{color:#000!important;font-weight:400!important;font-size:1.05em;line-height:1.65;margin:0}
.benefitBanner{padding:28px 3vw;display:flex;flex-flow:row wrap;justify-content:center;gap:12px;width:100%!important;max-width:none!important}
.benefitBanner__item{background:#fafafa;padding:12px 14px 16px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;flex:1 1 260px;max-width:360px;box-sizing:border-box}
.benefitBanner__picture{flex:0 0 auto;width:64px;min-width:64px;display:flex;align-items:center;justify-content:center}
.benefitBanner__img{max-width:52px;max-height:52px;object-fit:contain;display:block}
.benefitBanner__item::after{content:'';position:absolute;bottom:0;left:50%;width:48px;height:3px;margin-left:-24px;background:#ff804d}

/* ===== HOMEPAGE HEADINGS ===== */
.homepage-group-title[class*=homepage-products-heading]{color:#ff804d!important;font-weight:700!important;text-align:center!important;font-size:2.5em!important;line-height:normal!important;margin:0!important;padding:.5em 16px!important;display:block;width:100%!important;max-width:100%!important;box-sizing:border-box!important;border:none!important;text-decoration:none!important}

/* ===== MIDDLE BANNERS ===== */
.middle-banners-wrapper .extended-banner-texts{display:flex!important;flex-direction:column-reverse!important;flex:1;gap:1rem!important;padding:14px 5%!important;color:#1a1a1a!important;box-sizing:border-box!important;position:relative!important;z-index:1!important}
.middle-banners-wrapper .extended-banner-title{color:#ff804d!important;font-size:1.5em!important;font-weight:800!important;margin:0!important;line-height:1.2!important}
.middle-banners-wrapper .extended-banner-text{color:#333!important;font-size:.95em!important;line-height:1.5;margin:0!important}
.middle-banners-wrapper .banner-wrapper{display:flex;align-items:center}
.middle-banners-wrapper .banner-wrapper a{display:flex;align-items:center;width:100%;gap:18px!important}
.middle-banners-wrapper .banner-wrapper img{max-width:45%;height:auto;flex-shrink:0}
body #carousel .extended-banner-link,body .middle-banners-wrapper .extended-banner-link,body .body-banners .extended-banner-texts .extended-banner-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#111!important;font-weight:600!important;font-size:.78rem!important;padding:.7em 1.3em!important;border-radius:999px!important;border:0!important;text-decoration:none!important;box-shadow:0 3px 10px #00000017!important}
body .extended-banner-texts .extended-banner-link::before,body .extended-banner-texts .extended-banner-link::after{content:none!important;display:none!important}
body #carousel .extended-banner-link:hover,.middle-banners-wrapper a:hover .extended-banner-link,.body-banners a:hover .extended-banner-link{background:#ff804d!important;color:#fff!important}
#carousel .item a:hover img,.footer-banners .banner-wrapper a:hover img,.middle-banners-wrapper .banner-wrapper a:hover img{transform:none!important}

@media(max-width:992px){
.middle-banners-wrapper .extended-banner-texts{align-items:center!important;text-align:center!important;padding:10px 5%!important;order:2!important;width:100%!important;gap:.85rem!important}
.middle-banners-wrapper .extended-banner-title{font-size:1.2em!important}
.middle-banners-wrapper .extended-banner-text{font-size:.88em!important}
.middle-banners-wrapper .banner-wrapper a{flex-direction:column;gap:0!important}
.middle-banners-wrapper .banner-wrapper img{max-width:100%;order:1}
}

@media(max-width:768px){
.homepage-group-title[class*=homepage-products-heading]{font-size:1.85em!important;padding:.4em 12px!important}
body .middle-banners-wrapper .extended-banner-link,body .body-banners .extended-banner-texts .extended-banner-link{padding:.45em .85em!important;font-size:.6rem!important}
.benefitBanner{flex-direction:column!important;align-items:stretch!important;padding:20px 5vw!important;gap:10px!important}
.benefitBanner__item{flex:none!important;width:100%!important;max-width:none!important;padding:14px 16px!important}
.benefitBanner__picture{width:72px!important;min-width:72px!important}
.benefitBanner__img{max-width:56px!important;max-height:56px!important}
}

/* ===== BLOG LISTING 2 SLOUPCE ===== */
@media(min-width:992px){
#newsWrapper{overflow:hidden!important}
.type-posts-listing .news-wrapper .news-item:not(:first-child){float:left!important;width:calc(50% - 20px)!important;max-width:calc(50% - 20px)!important;margin:0 10px 20px!important}
}

/* ===== ODKAZY V TEXTU ===== */
.welcome-wrapper a:not(.btn){color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:none!important}
.welcome-wrapper a:not(.btn):hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}
#content .news-item-detail .text a:not(.btn){color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:none!important}
#content .news-item-detail .text a:not(.btn):hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}
#content .category-perex a:not(.btn){color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:none!important}
#content .category-perex a:not(.btn):hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}
#content .category__secondDescription a:not(.btn){color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:none!important}
#content .category__secondDescription a:not(.btn):hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}
#content .pageArticleDetail a:not(.btn){color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:none!important}
#content .pageArticleDetail a:not(.btn):hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}
#content .p-short-description a:not(.btn){color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:none!important}
#content .p-short-description a:not(.btn):hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}
#content .basic-description a:not(.btn){color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:none!important}
#content .basic-description a:not(.btn):hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}

/* ===== BLOG TITULKY ===== */
.homepage-blog-wrapper .news-item .text .title{color:#000!important}
.homepage-blog-wrapper .news-item a:hover .text .title{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}
a.title:hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important}

/* ===== BLOG LAYOUT 2 SLOUPCE ===== */
@media(min-width:992px){
#newsWrapper{overflow:hidden!important}
.type-posts-listing .news-wrapper .news-item:not(:first-child){float:left!important;width:calc(50% - 20px)!important;max-width:calc(50% - 20px)!important;margin:0 10px 20px!important}
}

/* ===== BLOG FOTKA MOBIL ===== */
@media(max-width:991px){
.news-item .image img{transform:none!important;transition:none!important;top:0!important;left:0!important}
}

/* ===== FOOTER HOVER ===== */
#footer a:hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}

/* ===== KOŠÍK PRÁZDNÝ ODKAZY ===== */
.cart-inner.cart-empty .empty-cart-boxes ul li a{color:#000!important;-webkit-text-fill-color:#000!important;text-decoration:none!important}
.cart-inner.cart-empty .empty-cart-boxes ul li a:hover{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important;text-decoration:underline!important}

/* ===== DO KOŠÍKU HOVER ===== */
.products-block.products .product button.btn-cart:hover,.products-block.products .product button.btn-cart:hover span{color:#ff804d!important;-webkit-text-fill-color:#ff804d!important}
.products-block.products .product button.btn-cart:hover:after{background:#ff804d!important}

/* ===== ČLÁNKY – detail článku (type-post) ===== */

/* Skrytí automatické náhledové fotky */
body.type-post .news-item-detail > .post-image {
  display: none !important;
}

/* Desktop */
@media (min-width: 992px) {
  body.type-post main#content.content.narrow {
    max-width: none !important;
    width: 100% !important;
    margin-left: -60px !important;
  }
  /* běžný desktop */
  body.type-post .news-item-detail {
    width: 100% !important;
    max-width: 700px !important;
  }
  body.type-post .news-item-detail img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* větší monitor */
@media (min-width: 1600px) {
  body.type-post .news-item-detail {
    max-width: 860px !important;
  }
}

/* ultra wide */
@media (min-width: 1900px) {
  body.type-post .news-item-detail {
    max-width: 980px !important;
  }
}

/* ===== CARBON - VĚTŠÍ OBRÁZKY KATEGORIÍ V MENU ===== */
#navigation .menu-level-2 img {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    object-fit: contain !important;
}
#navigation .menu-level-2 a {
    gap: 14px !important;
    align-items: center !important;
}
#navigation .menu-level-2 .image,
#navigation .menu-level-2 .menu-image {
    width: 72px !important;
    height: 72px !important;
    flex-shrink: 0 !important;
}
/* ===== CARBON - VĚTŠÍ OBRÁZKY PODKATEGORIÍ ===== */
.category-top .subcategories.with-image > li > a {
    min-height: 110px !important;
    padding: 18px 22px !important;
    gap: 18px !important;
}
.category-top .subcategories.with-image .image {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    flex-shrink: 0 !important;
}
.category-top .subcategories.with-image .text {
    font-size: 1rem !important;
}
.category-top .subcategories.with-image li a::after {
    font-size: 20px !important;
}