<script>
var setDarkBanners = true;
var classicNavigation = false;
</script>

/* === Svetlejší overlay na úvodnom slideri === */
#carousel .carousel-slide-caption.dark,
#carousel .extended-banner-texts.dark,
.footer-banners .carousel-slide-caption.dark,
.footer-banners .extended-banner-texts.dark,
.middle-banners-wrapper .carousel-slide-caption.dark,
.middle-banners-wrapper .extended-banner-texts.dark,
.type-category .banner-category .carousel-slide-caption.dark,
.type-category .banner-category .extended-banner-texts.dark,
.type-index .body-banners .carousel-slide-caption.dark,
.type-index .body-banners .extended-banner-texts.dark {
  background-color: rgba(0, 0, 0, 0.5) !important; /* pôvodne býva 0.5 až 0.7 */
  color: #ffffff !important;
}


.cart-content .cart-header li a span, .cart-content .cart-header li strong span {
  background-color: #191919 !important;
}
.cart-content .cart-header li.active a span, .cart-content .cart-header li.active strong span {
  color: #ff0015;
}
.cart-table tr td.p-total .price-final, .cart-table tr td .price {
  color: #ffffff !important;
}
.products-block.products .product a img {
    background-color: none !important;
}
.cart-table .remove-item:before {
 filter: invert(1) brightness(2.5); 
}
.benefitBanner {
  margin-top: 10px;
  margin-bottom: 10px;
}
.menu-helper-visible .overall-wrapper:before {
  background-color: #191919 !important;
}
a {
 color: #dddddd !important;
}
.p-detail .p-code .p-code-label {
  color: #ffffff !important;
}
.p-detail .p-code {
  color: #ffffff !important; 
}
.product-top .p-detail-info>div {
  color: #ffffff !important; 
}
.delivery-line .shipping-options:before {
  filter: invert(1) brightness(2.5);
}
.cart-row .col-md-4 {
  background-color: #191919 !important;
}
#checkoutContent .cart-content {
  background-color: #191919 !important;
}
#checkoutContent .cart-content .co-box.co-delivery-method h4:before {
  filter: invert(1) brightness(2.5);
}
#checkoutContent .cart-content .co-box.co-basic-information h4:before {
  filter: invert(1) brightness(2.5);
}
#checkoutContent .cart-content .co-box.co-payment-method h4:before {
  filter: invert(1) brightness(2.5);
}
#checkoutContent .cart-content .co-box.co-contact-information h4:before {
  filter: invert(1) brightness(2.5);
}
#checkoutContent .cart-content .co-box.co-cart-items h4:before {
  filter: invert(1) brightness(2.5);
}
#checkoutContent .cart-content .co-box.co-billing-address h4:before, #checkoutContent .cart-content .co-box.co-shipping-address h4:before {
 filter: invert(1) brightness(2.5);
}
input[type=checkbox]+label:before, input[type=radio]+label:before {
  background-color: #ffffff !important;
}
#checkoutContent .cart-content .co-box h4 {
  color: #ffffff !important; 
}
.shp-flag-label {
  color: #000000 !important; 
}
.shp-flag-name {
    color: #000000 !important; 
}
#checkoutContent .cart-content .box .form-group .btn {
  color: #ffffff !important;
}
.external-fonts-loaded body, body, body.blank-mode {
   color: #ffffff !important; 
}
.question-tooltip {
  color: #000000 !important; 
  background-color: #ffffff !important;
}
#checkoutContent input[type=radio]:checked+label>span:first-child:before {
  background: rgba(255, 0, 0, .1);
  color: #ffffff !important; 
}
#checkoutContent .cart-content .co-box {
  background-color: #191919 !important;
}
.cart-content .next-step .btn.next-step-back:before {
  filter: invert(1) brightness(2.5);
}
.quantity .increase:before {filter: invert(1) brightness(2.5);}
.quantity .decrease:before {filter: invert(1) brightness(2.5);}
.product-top .social-buttons-wrapper .link-icon.chat:before {filter: invert(1) brightness(2.5);}
.quantity input {
  border: 2px solid rgba(255, 255, 255, 1);
  color: #ffffff !important; 
}
.type-detail .shp-tabs-wrapper {border-top: 2px solid #fff !important;width: 100%;}
.product-top .social-buttons-wrapper a span {
 color: #ffffff !important; 
}
.type-detail .shp-tabs-holder ul.shp-tabs li.active a{
   color: #ffffff !important; 
}
.p-detail .price-line .price-final {
   color: #ffffff !important; 
}
.external-fonts-loaded body, body, body.blank-mode {
  background-color: #191919 !important;
}
.benefitBanner {
   background-color: #191919 !important;
}
.type-index .overall-wrapper {
  background-color: #191919 !important;
}
.products-block.products .product {
  background-color: #191919 !important;  
}
.products-block.products .product .p-in {
  background-color: #191919 !important; 
}
.content-wrapper, .newsletter-wrap {
  background-color: #191919 !important;

}
.breadcrumbs-wrapper, body.blank-mode .container.breadcrumbs-wrapper {
  margin-top:150px;
}
.external-fonts-loaded body .container, body.blank-mode .container, body .container {
  max-width:1140px !important;
}
body footer .container.footer-bottom {
  background-color: #191919 !important;
  color: #ffffff !important;
}
.products-block.products .product .prices .price-additional {
  color: #ffffff !important;
}
.products-block.products .product .prices .price-final strong {
 color: #ffffff !important; 
}
.benefitBanner .benefitBanner__item .benefitBanner__title {
  color: #ffffff !important;
}
.products-block.products .product .p .name {
  color: #ffffff !important;
}
.benefitBanner .benefitBanner__item .benefitBanner__data {
  margin-top: 7px !important; 
 color: #ffffff !important; 
}
.products-block.products.wide-product .product {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.subcategories.with-image li a {
  background-color: #191919 !important;
}
.type-detail main#content {
  background-color: #191919 !important;
}
.type-detail main#content:before {
  background-color: #191919 !important;
}
.homepage-box.welcome-wrapper {
  margin-top: 20px !important;
}
.content h4, .h4, .h4.homepage-group-title, .order-summary-heading, .p-detail-inner h1, h4.homepage-group-title {
  margin-top: 10px !important; 
  padding-top: 10px !important;
}
body footer .container.footer-bottom .copyright {
  color: #eeeeee !important;
}
body footer .container.footer-bottom .copyright a {
  color: #eeeeee !important;
}
body footer .container.footer-bottom .copyright .podpis {
  color: #eeeeee !important;
}
article { 
  max-width:1140px !important;
}
.category-title, .in-klient h1, h1 {
  color: #ffffff !important;
}
.menu-helper>ul { 
  top: 150px !important;
 }
.site-msg.information, div.message.notice-message {
  background: #ffffff !important;
}
.siteCookies .siteCookies__form .siteCookies__buttonWrap .js-cookies-settings[value=all], .siteCookies .siteCookies__form .siteCookies__buttonWrap button[value=all] 
  {background: #ff0015;
   border: 1px solid #ff0015;}
/* === MONORLASER – jemné vertikálne zarovnanie hlavičky === */
#header.fixed-menu {
  background:rgba(0, 0, 0, 0.6) !important;

}
.menu-helper::after {
filter: invert(1) brightness(2.5);
}
#header .header-top .top-nav-button-account::before, #header .header-top .top-nav-button-login::before {
  filter: invert(1) brightness(2.5);
}
#header .search-form .search-toggle {
filter: invert(1) brightness(2.5);
}
#header .navigation-buttons .btn.cart-count::before {
filter: invert(1) brightness(2.5);
}
#header .header-top .responsive-tools a[data-target="search"]::before {
  filter: invert(1) brightness(2.5);
}
#header .header-top .responsive-tools a[data-target="navigation"]::before {
  filter: invert(1) brightness(2.5);
}
.navigation-close::before {
    filter: invert(1) brightness(2.5);
}
#navigation ul.menu-level-1 > li > a {
  color:#fff !important;
}
#header { background:rgba(0, 0, 0, 0.6) !important;
}
@media (min-width: 992px){

#header .header-top { 
  position: static !important;
}
body.classic-navigation #navigation {
  left:400px !important;
}
  /* hlavička ako jeden riadok, všetko stredom */
  #header .header-inner,
  #header .header,
  #header .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 88px; /* výška hlavičky */
  }

  /* logo */
  #header .site-name {
    display: flex !important;
    align-items: center !important;
    order: 1 !important;
    flex: 0 0 auto !important;
  }
  #header .site-name img {
    max-width: 320px !important;
    height: auto !important;
    vertical-align: middle !important;
  }

  /* menu */
  #navigation,
  #header nav {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2 !important;
    flex: 1 1 auto !important;
  }
  #navigation > ul {
    display: flex !important;
    gap: 0 24px;
  }

  /* ikony */
  #header .header-actions,
  #header .header-tools,
  #header .header-icons,
  #header .header-right {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 16px;
    order: 3 !important;
    flex: 0 0 auto !important;
  }

  /* skryť hamburger na desktope */
  .nav-toggle, .menu-toggle, #navigation .toggle {
    display: none !important;
  }
}

/* tablet a menšie zariadenia nechajú správanie šablóny */
@media (max-width: 991.98px)
{  
  #header .site-name img{ max-width: 270px !important; 
}
body.classic-navigation #navigation {
  left:320px !important;
}
#navigation {
  background:rgba(0, 0, 0, 0.6) !important;
}
#navigation li a {
  color: #ffffff !important;
}
}


@media (min-width: 768px) {
#header .site-name { 
width: 550px !important;
}
}
@media only screen and (min-width: 768px) {
      #header .site-name { width: 250px;}
}
