/* ✅ Okamžité skrytí systémové patičky ještě před jejím načtením */
footer#footer,
.shoptet-powered {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Přímé odstranění všech pozadí z obalu obrázků */
.p-image-wrapper,
.p-image,
.p-image-wrapper * {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Přepsání všech inline backgroundů */
div[style*="background-image"],
div[style*="background-color"],
div[style*="background"] {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Lightbox obrázky */
#cboxOverlay,
#cboxLoadedContent,
#cboxLoadedContent > img,
#cboxLoadedContent > div,
#cboxLoadedContent > div > div {
  background: none !important;
  background-color: transparent !important;
}

/* Transparentní overlay */
#cboxOverlay {
  opacity: 0 !important;
}

/* Všechny obrázky v detailech produktu */
.p-detail .p-image-wrapper img,
.p-detail .p-image img {
  background: none !important;
  background-color: transparent !important;
}

/* ==========================================
   0) GlobĂˇlnĂ­ reset pozadĂ­ & barvy textu
   ========================================== */
   html, body,
   #overall-wrapper, #overall-wrapper *,
   div#content-wrapper.container.content-wrapper,
   .p-detail, .p-detail-inner,
   .p-in .p-bottom, .p-in .prices,
   .filters, .filters *,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-sm.box-onlinePayments {
     background-color: #1C1C1C !important; /* fialovĂ© pozadĂ­ */
     color:           #ffffff !important; /* bĂ­lĂ˝ text */
   }
   
   /* zajistĂ­me, aby wrappery uvnitĹ™ byly prĹŻhlednĂ©, pokud to Ĺˇablona pĹ™episuje */
   #overall-wrapper,
   #overall-wrapper * {
     background-color: transparent !important;
   }
   
   /* ==========================================
      1) ZĂˇkladnĂ­ layout
      ========================================== */
   /* PatiÄŤka */
   #footer {
     background-color: #1C1C1C !important;
   }
   
   /* PĹ™epis pozadĂ­ hlavnĂ­ho obsahu */
   div#content-wrapper.container.content-wrapper {
     /* dÄ›lanĂ© uĹľ v globĂˇlu, ale pokud by bylo potĹ™eba specificky: */
     background-color: #1C1C1C !important;
   }
   
   /* ==========================================
      2) Benefity / konkurenÄŤnĂ­ vĂ˝hody
      ========================================== */
   /* celĂ˝ banner + pseudo-prvky */
   div[data-editorid="benefitBanners_homepage"],
   .benefitBanners_homepage,
   .benefitBanner__item,
   div[data-editorid="benefitBanners_homepage"]:before,
   div[data-editorid="benefitBanners_homepage"]:after,
   .benefitBanners_homepage:before,
   .benefitBanners_homepage:after,
   .benefitBanner__item:before,
   .benefitBanner__item:after {
     background-color: #1C1C1C !important;
     color:            #ffffff !important;
   }
   
   /* centrovĂˇnĂ­ ikon a textu */
   .benefitBanner__item {
     text-align: center !important;
   }
   .benefitBanner__item img.benefitBanner__img {
     display: inline-block !important;
     margin: 0 auto !important;
   }
   
   /* ==========================================
      3) Kategorie & nadpisy
      ========================================== */
   /* Nadpisy kategoriĂ­ (i pseudo) */
   .category-heading,
   .page-heading,
   .heading__title,
   div.category-top h1.category-title,
   .category-heading:before, .category-heading:after,
   .page-heading:before, .page-heading:after,
   .heading__title:before, .heading__title:after,
   div.category-top h1.category-title:before,
   div.category-top h1.category-title:after {
     background-color: #1C1C1C !important;
     background-image: none       !important;
     color:            #daba5b     !important;
     display:          block       !important;
     padding:          10px        !important;
   }
   
   /* PrĂˇzdnĂ© kategorie */
   .category-parex.empty-content.empty-content-category,
   .category-parex.empty-content.empty-content-category:before,
   .category-parex.empty-content.empty-content-category:after {
     background-color: #1C1C1C !important;
     background-image: none       !important;
     color:            #daba5b     !important;
     padding:          10px        !important;
     display:          block       !important;
   }
   /* vnoĹ™enĂ© v prĂˇzdnĂ© kategorii */
   .category-parex.empty-content.empty-content-category h2,
   .category-parex.empty-content.empty-content-category p {
     background-color: transparent !important;
     color:            #ffffff     !important;
   }
   .category-parex.empty-content.empty-content-category h2:before,
   .category-parex.empty-content.empty-content-category h2:after,
   .category-parex.empty-content.empty-content-category p:before,
   .category-parex.empty-content.empty-content-category p:after {
     background-color: transparent !important;
     color:            #daba5b     !important;
   }
   
   /* drobeÄŤkovĂˇ navigace */
   .breadcrumbs.navigation-home-icon-wrapper,
   .breadcrumbs.navigation-home-icon-wrapper span,
   .breadcrumbs.navigation-home-icon-wrapper:before,
   .breadcrumbs.navigation-home-icon-wrapper:after,
   .breadcrumbs.navigation-home-icon-wrapper span:before,
   .breadcrumbs.navigation-home-icon-wrapper span:after {
     background-color: #1C1C1C !important;
     color:            #ffffff     !important;
     background-image: none       !important;
   }
   
   /* domeÄŤek (home icon) */
   a.navigation-home-icon,
   a.navigation-home-icon:before,
   a.navigation-home-icon:after,
   a.navigation-home-icon svg,
   a.navigation-home-icon svg path {
     color: #ffffff !important;
     fill:  #ffffff !important;
     background: none !important;
   }
   
   /* drobnĂ© Ăşpravy h2 v kategoriĂ­ch */
   .category-parex h2,
   .category-parex h2::before,
   .category-parex h2::after,
   .category__secondDescription h2,
   .category__secondDescription h2::before,
   .category__secondDescription h2::after {
     color:            #daba5b     !important;
     background-color: transparent !important;
   }
   
   /* nukleĂˇrnĂ­ pĹ™epis */
   body #content-wrapper.container.content-wrapper .category-parex.empty-content.empty-content-category h2 *,
   body #content-wrapper.container.content-wrapper .category__secondDescription h2 * {
     color:            #ffffff     !important;
     background-color: transparent !important;
   }
   
   /* ==========================================
      4) Sidebar â€“ menu & online platby
      ========================================== */
   /* levĂ© menu text */
   #categories,
   #categories .categories,
   #categories .categories a,
   #categories .categories span {
     color: #ffffff !important;
   }
   
   /* nadpis "Kategorie" v sidebaru */
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4:before,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4:after,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span:before,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span:after {
     background-color: #1C1C1C !important;
     background-image: none       !important;
     color:            #ffffff     !important;
     display:          inline-block !important;
     padding:          5px 10px    !important;
   }
   
   /* box pro online platby */
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default.box-sm.box-onlinePayments,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default.box-sm.box-onlinePayments:before,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default.box-sm.box-onlinePayments:after,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default:before,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default:after {
     background:       none       !important;
     background-color: #1C1C1C   !important;
     color:            #ffffff   !important;
   }
   /* vnoĹ™enĂ© v onlinePayments */
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default.box-sm.box-onlinePayments *,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default.box-sm.box-onlinePayments *::before,
   .sidebar.sidebar-left .sidebar-inner .box.box-bg-default.box-sm.box-onlinePayments *::after {
     background-color: transparent !important;
     color:            #ffffff     !important;
   }
   
   /* ==========================================
      5) ProduktovĂˇ strĂˇnka (.p-detail)
      ========================================== */
  /* === Hlavní kontejnery na produktové kartě === *//* === DETAIL PRODUKTU – hlavní velké foto === */
.p-detail .p-image-wrapper {
  background: url("https://710655.myshoptet.com/user/documents/upload/CSS/Pozadi produktu.png") no-repeat center center !important;
  background-size: cover !important;
  border: none !important;
}

/* Pokud je nahraný obrázek, bude pozadí čisté */
.p-detail .p-image-wrapper img {
  background: none !important;
  background-color: transparent !important;
}

/* === MINIATURY (THUMBNAILY) PRODUKTŮ – v kategoriích a výpisech === */
.products-block .product .p-image {
  background: url("https://710655.myshoptet.com/user/documents/upload/CSS/Pozadi produktu.png") no-repeat center center !important;
  background-size: cover !important;
}

/* Pokud je obrázek v miniatuře, pozadí bude také čisté */
.products-block .product .p-image img {
  background: none !important;
  background-color: transparent !important;
}

   
   /* ==========================================
      6) ProduktovĂ© bloky & miniatury
      ========================================== */
   /* dostupnost */
   .products-block .product .availability {
     background-color: #1C1C1C !important;
     color:            #ffffff     !important;
     display:          inline-block !important;
     padding:          4px 8px    !important;
     border-radius:    3px        !important;
   }
   /* miniatury */
   html body #content-wrapper .products-block .product .p-image {
     background: url("https://710655.myshoptet.com/user/documents/upload/CSS/Pozadi produktu.png") no-repeat center center !important;
     background-size: cover !important;
   }
   
   /* ==========================================
      7) FormulĂˇĹ™e & mnoĹľstvĂ­
      ========================================== */
   /* input number */
   .quantity input[type="number"] {
     background-color: #1C1C1C !important;
     color:            #ffffff !important;
     border:           1px solid #ffffff !important;
     text-align:       center !important;
   }
   /* + / â€“ */
   .quantity .decrease,
   .quantity .increase {
     background-color: #ffffff !important;
     color:            #1C1C1C !important;
     border:           1px solid #1C1C1C !important;
     padding:          0 10px !important;
   }
   
   /* ==========================================
      8) Filtry & slider cen
      ========================================== */
   /* globĂˇlnĂ­ pĹ™ebarvenĂ­ filtrĹŻ */
   .filters,
   .filters * {
     background-color: #1C1C1C !important;
     color:            #ffffff !important;
     border-color:     #ffffff !important;
   }
   /* posuvnĂ­k â€“ zlatĂ˝ */
   .ui-slider-horizontal .ui-slider-range {
     background-color: #daba5b !important;
   }
   .ui-slider-horizontal .ui-slider-handle.ui-state-default {
     background-color: #daba5b !important;
     border:           1px solid #daba5b !important;
   }
   .ui-slider-horizontal.ui-widget.ui-widget-content {
     background-color: #1C1C1C !important;
   }
   
   /* ==========================================
      9) MobilnĂ­ menu (@max-width: 991px)
      ========================================== */
   @media (max-width: 991px) {
     /* hlavnĂ­ kontejner */
     #navigation {
       background-color: #1C1C1C !important;
       color:            #ffffff !important;
     }
     .navigation-close,
     .navigation-close:before,
     .navigation-close:after {
       color: #ffffff !important;
     }
     .navigation-in,
     .navigation-in ul li,
     .navigation-in ul li a,
     .navigation-in ul li span {
       background-color: transparent !important;
       color:            #ffffff   !important;
       border-color:     #ffffff   !important;
     }
     .navigation-in ul.menu-level-2 li a {
       color: #ffffff !important;
     }
   }

/* 1) Vynulujeme nahoĹ™e tu fialovou ÄŤĂˇru (= border-top) */
.products-block .product .p {
  border: 1px solid #1C1C1C !important; /* ostatnĂ­ okraje zĹŻstanou fialovĂ© */
  border-top: none       !important;    /* ale hornĂ­ zruĹˇĂ­me */
  background-color: #1C1C1C !important; /* stejnÄ› fialovĂ© pozadĂ­ */
}

/* 2) UdrĹľĂ­me vĹľdy 4:3 pomÄ›r stran fotoboxu (placeholder i reĂˇlnĂ˝ img) */
.products-block .product .p-image {
  background-color: #fff;      /* bĂ­lĂ˝ placeholder */
  aspect-ratio: 4 / 3;         /* pomÄ›r boxu */
  width: 100%; 
  overflow: hidden;
}

/* 3) ObrĂˇzek natĂˇhneme ÄŤistÄ› na ten box */
.products-block .product .p-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  position: static !important; /* ĹľĂˇdnĂ© absolutnĂ­ posouvĂˇnĂ­ */
}

/* 4) Flex zarovnĂˇnĂ­ 2 sloupcĹŻ na mobilu â€“ zaÄŤĂˇtek nahoĹ™e */
@media (max-width: 767px) {
  .columns-mobile-2 .products-block {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;  /* karty vlevo i vpravo zaÄŤnou ve stejnĂ© Ĺ™adÄ› */
  }
  .columns-mobile-2 .products-block .product {
    flex: 0 0 50%;
    box-sizing: border-box;
  }
}

/* VynutĂ­me bĂ­lou barvu nĂˇzvĹŻ produktĹŻ v listingovĂ˝ch kartĂˇch */
.products-block .product .p-in .p-name,
.products-block .product .p-in .p-name span {
  color: #ffffff !important;
}
/* VynutĂ­me bĂ­lou barvu nĂˇzvĹŻ produktĹŻ v listingovĂ˝ch kartĂˇch */
.products-block .product .p-in .p-name,
.products-block .product .p-in .p-name span {
  color: #ffffff !important;
}
/* === Barva ceny v listingovĂ© kartÄ› na bĂ­lou === */
.products-page.products-block .product .p-in .prices {
  color: #ffffff !important;
}

/* Pokud jsou v .prices jeĹˇtÄ› nÄ›jakĂ© tagy (strong, span apod.), aĹĄ jsou taky bĂ­lĂ© */
.products-page.products-block .product .p-in .prices * {
  color: #ffffff !important;
}
/* === Uprava boxu "PĹ™ijĂ­mĂˇme online platby" === */

/* 1) celĂ© pozadĂ­ boxu */
.sidebar.sidebar-left .sidebar-inner .box.box-onlinePayments {
  background-color: #1C1C1C !important;
}

/* 2) samotnĂ˝ nĂˇpis + jeho pseudo prvky */
.sidebar.sidebar-left .sidebar-inner .box.box-onlinePayments h4,
.sidebar.sidebar-left .sidebar-inner .box.box-onlinePayments h4 span {
  display: inline-block !important;
  background-color: transparent !important; /* nechĂˇme prĹŻhlednĂ©, pozadĂ­ je nadĹ™azeno boxu */
  color: #ffffff !important;
  padding: 5px 0 !important; /* dolĹŻ/nahoru troĹˇku mezery */
  margin: 0 10px 0 0 !important; /* pĹ™Ă­padnÄ› odsazenĂ­ */
}

/* odstranĂ­me jakĂ©koli bĂ­lĂ© pozadĂ­ z pseudo-prvkĹŻ */
.sidebar.sidebar-left .sidebar-inner .box.box-onlinePayments h4::before,
.sidebar.sidebar-left .sidebar-inner .box.box-onlinePayments h4::after {
  background: none !important;
}
/* 1) ZajistĂ­me, aby vĹˇechny karty (flexâ€‘itemy) mÄ›ly stejnou vĂ˝Ĺˇku */
#products.products-block {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
}

/* 2) UvnitĹ™ kaĹľdĂ© karty zapneme flexâ€‘layout sloupce */
#products.products-block .product .p {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;        /* karta nynĂ­ roztĂˇhne .p na vĂ˝Ĺˇku flexâ€‘itemu */
  border: none !important;        /* odstranĂ­me jakoukoli rĂˇmeÄŤkovou ÄŤĂˇru */
  box-shadow: none !important;    /* pokud tam bylo stĂ­novĂˇnĂ­ */
  background: transparent !important;
}

/* 3) HlavnĂ­ obsah karty (nĂˇzev / popisek / dostupnost) */
#products.products-block .product .p-in {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;        /* roztĂˇhne se do volnĂ© vĂ˝Ĺˇky .p */
}

/* 4) Popisek (pokud ho mĂˇte element .p-desc) se roztĂˇhne, aby tlaÄŤĂ­tka spadla dolĹŻ */
#products.products-block .product .p-desc {
  flex-grow: 1 !important;
}

/* 5) SpodnĂ­ sekci s tlaÄŤĂ­tky nechĂˇme vĹľdy dole */
#products.products-block .product .p-bottom {
  margin-top: auto !important;
}

/* 6) Barvy textĹŻ: nĂˇzev, popisek, cena â€“ vĹˇe bĂ­lĂ© */
#products.products-block .product .p-in .p-name,
#products.products-block .product .p-in .p-desc,
#products.products-block .product .p-in .prices {
  color: #ffffff !important;
}

/* 7) Pokud u cen existuje nÄ›jakĂ˝ tmavĂ˝ podklad, nastavĂ­me ho na transparentnĂ­ */
#products.products-block .product .p-in .prices,
#products.products-block .product .p-in .prices * {
  background: transparent !important;
}

/* 8) PonechĂˇme pĹŻvodnĂ­ <img> â€“ tedy ĹľĂˇdnĂ© skrĂ˝vĂˇnĂ­ nebo pĹ™episovĂˇnĂ­ pozadĂ­ */
#products.products-block .product .p-image,
#products.products-block .product .p-image img {
  position: static !important;
  display: block !important;
  width: auto;
  height: auto;
  object-fit: none;
}
/* === 1) Restoruji pĹŻvodnĂ­ <img> v produktovĂ˝ch kartĂˇch (desktop i mobil) === */
.products-page.products-block .product .p-image img {
  /* vrĂˇtĂ­m je do normĂˇlnĂ­ho toku, nikoli absolutnÄ› */
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  background: none !important;
}

/* === 2) odstranĂ­m veĹˇkerĂ© â€žnĂˇhradnĂ­â€ś backgroundy i placeholdery === */
.products-page.products-block .product .p-image,
.products-page.products-block .product .p-image-wrapper {
  background: none!important;
}
.products-page.products-block .product .p-image img[src*="missing_images"] {
  /* placeholder ponechĂˇme, jen ho nebudeme skrĂ˝vat */
  display: block!important;
  opacity: .3!important; /* mĹŻĹľete upravit dle vkusu, nebo odebrat */
}

/* === 3) odstraĹuji ÄŤernĂ© ÄŤĂˇry (ĹľĂˇdnĂ© borderâ€‘y okolo karty ani kĂłdu) === */
.products-page.products-block .product .p,
.products-page.products-block .product .p-bottom,
.products-page.products-block .product .p-code {
  background: transparent!important;
  border: none!important;
}

/* === 4) sjednotĂ­m vertikĂˇlnĂ­ zarovnĂˇnĂ­ (vĹˇe nad obrĂˇzkem, vĹˇe pod) === */
.products-page.products-block .product {
  display: flex!important;
  flex-direction: column!important;
  align-items: stretch!important;
}
.products-page.products-block .product .p-in {
  display: flex!important;
  flex-direction: column!important;
  flex-grow: 1;
}
.products-page.products-block .product .p-name,
.products-page.products-block .product .p-desc,
.products-page.products-block .product .prices,
.products-page.products-block .product .p-bottom {
  width: 100%!important;
}

/* === 5) na desktopu troĹˇka mezery mezi popiskem a cenou === */
@media (min-width: 768px) {
  .products-page.products-block .product .prices {
    margin-top: 8px!important;
    margin-bottom: 8px!important;
  }
}

/* === 6) na mobilu, aby ĹľĂˇdnĂ© tlaÄŤĂ­tko neleĹľelo pĹ™es foto === */
@media (max-width: 767px) {
  .products-page.products-block .product .p-image {
    margin-bottom: 12px!important;
  }
  .products-page.products-block .product .p-bottom {
    margin-top: auto!important; /* tlaÄŤĂ­tka vĹľdy dole */
  }
}
/* Definitivní přepsání pozadí hlavního wrapperu */
#overall-wrapper,
#overall-wrapper *,
.content-wrapper,
.content-wrapper * {
  background-color: #1C1C1C !important;
}

/* ABSOLUTNÍ přepsání všech možných pozadí na černou (#1C1C1C) */
html, body,
#overall-wrapper,
#overall-wrapper *:not(#header):not(#videoWrapper):not(.header-title),
#overall-wrapper div:not(#header):not(#videoWrapper):not(.header-title),
#overall-wrapper span,
#overall-wrapper section:not(#header):not(#videoWrapper),
#overall-wrapper main,
div#content-wrapper,
div#content-wrapper.container.content-wrapper,
.container,
.content-wrapper,
.content-inner,
.wrapper,
.wrapper *,
section,
section * {
  background-color: #1c1c1c !important;
}

.category-perex h2,
.category__secondDescription h2,
.category-perex h2 *,
.category__secondDescription h2 *,
.content-wrapper h2,
.content-inner h2,
#content h2,
main h2 {
  color: #daba5b !important;
}
.benefitBanners_homepage h1,
.benefitBanners_homepage .banner-title,
.benefitBanners_homepage .banner-title-wrapper,
.benefitBanners_homepage .banner-content,
.benefitBanners_homepage .video-background h1,
.benefitBanners_homepage .video-background .content {
  background: transparent !important;
  background-color: transparent !important;
}
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span,
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span:before,
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span:after {
    background-color: #1c1c1c !important;
    color: #ffffff !important;
}
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 {
    background-color: #1c1c1c !important;
}
.sidebar.sidebar-left .box.box-bg-variant.box-categories h4::after,
.sidebar.sidebar-left .box.box-bg-variant.box-categories h4 span::after,
.sidebar.sidebar-left .box.box-bg-variant.box-categories h4 span::before {
    content: none !important;
    display: none !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

header,
.header-navigation-wrapper {
  background-color: transparent !important;
  background: none !important;
}
/* Sidebar - kategorie */
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4,
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span,
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span:before,
.sidebar.sidebar-left .sidebar-inner .box.box-bg-variant.box-categories h4 span:after {
  background-color: #1c1c1c !important;
  color: #ffffff !important;
}

/* Odstranění zbytečných pseudo-prvků */
.sidebar.sidebar-left .box.box-bg-variant.box-categories h4::after,
.sidebar.sidebar-left .box.box-bg-variant.box-categories h4 span::after,
.sidebar.sidebar-left .box.box-bg-variant.box-categories h4 span::before {
  content: none !important;
  display: none !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Transparentní hlavička */
header,
.header-navigation-wrapper {
  background-color: transparent !important;
  background: none !important;
}

/* Bílá barva pro hlavní nadpisy */
.content-inner h1,
.content-wrapper-in h1,
#content h1,
main h1 {
  color: #daba5b !important;
}

/* Breadcrumbs (drobečková navigace) */
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Styl pro všechny nadpisy h1–h6 */
h1, h2, h3, h4, h5, h6 {
  color: #daba5b !important;
}

/* Styl pro input počet kusů a tlačítka + a - */
.quantity input,
.quantity .increase,
.quantity .decrease {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #000000 !important;
}
/* Košík - pozadí pro hlavní wrappery a buňky */
.cart-table,
.cart-table td,
.cart-wrapper,
.cart-wrapper .cart-table td,
.cart-table td.cart-p-image,
.cart-table td.p-name,
.cart-table td.p-availability,
.cart-table td.p-quantity,
.cart-table td.p-price,
.cart-table td.p-total {
  background-color: #1C1C1C !important;
  color: #ffffff !important;
}

/* Košík – řádek s celkovou cenou */
.cart-total td {
  background-color: #1C1C1C !important;
  color: #ffffff !important;
}

/* Košík – tlačítko pokračovat (volitelně kontrastní žluté ponecháno) */
.cart-next-step {
  background-color: #1C1C1C !important;
}
  /* Košík – přepsání barvy textu pro název produktu a ceny */
.cart-table tr td,
.cart-table tr td a,
.cart-table tr td.p-name,
.cart-table tr td.p-name a,
.cart-table tr td.p-price,
.cart-table tr td.p-total,
.cart-table td strong,
.cart-table td span {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* Výchozí stav čísel a textů – černý text s černým pozadím */
.cart-header li span,
.cart-header li strong {
  background-color: #1c1c1c !important;  /* pozadí textu (ne celé li) */
  color: #ffffff !important;             /* bílý text */
  padding: 2px 6px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

/* Hover efekt – zlaté pozadí + černý text */
.cart-header li:hover span,
.cart-header li:hover strong {
  background-color: #daba5b !important;  /* zlaté pozadí */
  color: #000000 !important;             /* černý text */
}

/* Aktivní krok v procesu – zvýraznění */
.cart-header li.active span,
.cart-header li.active strong {
  background-color: #daba5b !important;
  color: #000000 !important;
}
/* === Popup vyhledávání === */
.popup-widget-inner,
.popup-widget:before {
  background-color: #1c1c1c !important;
  border-color: #1c1c1c !important;
  color: #ffffff !important;
}

.popup-widget-inner *,
.popup-widget-inner input,
.popup-widget-inner h2,
.popup-widget-inner form,
.popup-widget-inner label {
  color: #ffffff !important;
  background-color: transparent !important;
  border-color: #ffffff !important;
}

.popup-widget-inner input[type="text"] {
  background-color: #1c1c1c !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.popup-widget-inner input[type="submit"],
.popup-widget-inner button {
  background-color: #daba5b !important;
  color: #1c1c1c !important;
  border: none !important;
}
a.btn.next-step-back,
a.btn.next-step-back:hover,
a.btn.next-step-back:focus,
a.btn.next-step-back span.continue-shopping {
  color: #ffffff !important;
}
/* Přímé odstranění všech pozadí z obalu obrázků */
.p-image-wrapper,
.p-image,
.p-image-wrapper * {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Přepsání všech inline backgroundů */
div[style*="background-image"],
div[style*="background-color"],
div[style*="background"] {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Lightbox obrázky */
#cboxOverlay,
#cboxLoadedContent,
#cboxLoadedContent > img,
#cboxLoadedContent > div,
#cboxLoadedContent > div > div {
  background: none !important;
  background-color: transparent !important;
}

/* Transparentní overlay */
#cboxOverlay {
  opacity: 0 !important;
}

/* Všechny obrázky v detailech produktu */
.p-detail .p-image-wrapper img,
.p-detail .p-image img {
  background: none !important;
  background-color: transparent !important;
}
/* Přepíše všechny běžné nadpisy */
h1, h2, h3, h4, h5, h6,
.content-inner h1,
.content-wrapper-in h1,
.page-heading,
.heading__title,
div.category-top h1.category-title,
.benefitBanners_homepage h1,
.benefitBanners_homepage .banner-title,
.benefitBanners_homepage .banner-title-wrapper,
.benefitBanners_homepage .banner-content,
.benefitBanner__item,
.category-heading,
.category-heading:before,
.category-heading:after,
.page-heading:before,
.page-heading:after,
.heading__title:before,
.heading__title:after,
div.category-top h1.category-title:before,
div.category-top h1.category-title:after,
.category-perex h2,
.category__secondDescription h2,
.category-perex h2 *,
.category__secondDescription h2 *,
.content-wrapper h2,
.content-inner h2,
#content h2,
main h2 {
  color: #daba5b !important;
}
/* Přepíše i INLINE STYLE pokud nějaký existuje */
h1[style],
h2[style],
h3[style],
h4[style],
h5[style],
h6[style] {
  color: #daba5b !important;
}
/* Vrstvy - zamezit překrývání ceny */
.product .p-in {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  background: none !important;
  background-color: transparent !important;
}

/* Cena blíž nahoru a nad popis */
.product .prices {
  margin-top: 0 !important;
  padding-top: 5px !important;
  position: relative !important;
  z-index: 2 !important;
}
/* === DESKTOP === */
.luxusni-blok {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 50px 0;
  padding: 20px;
  border: 1px solid #daba5b;
  background: #1C1C1C;
  border-radius: 0 !important;
}

/* === OBRÁZEK === */
.luxusni-blok img {
  width: 50%;
  max-width: 500px;
  height: auto;
  object-fit: cover;
  padding: 10px;
  border-radius: 0 !important;
}

/* === TEXT === */
.luxusni-text {
  width: 50%;
  color: white;
  padding: 20px;
  box-sizing: border-box;
}

.luxusni-text h2 {
  color: #daba5b;
  font-size: 24px;
  margin-bottom: 15px;
}

.luxusni-text p {
  font-size: 16px;
  line-height: 1.6;
}

/* === MOBILNÍ REŽIM – vždy sloupce pod sebou === */
@media (max-width: 768px) {
  .luxusni-blok {
    flex-direction: column !important;
  }

  .luxusni-text,
  .luxusni-blok img {
    width: 100% !important;
  }

  .luxusni-text {
    padding-top: 0 !important;
  }
}


/* === ZAROVNÁNÍ BLOKŮ: OBRÁZEK NA PRAVÉ STRANĚ === */
div.luxusni-blok.obrazek-vpravo {
  flex-direction: row-reverse !important;
}


div[style*="background"], 
div[style*="background-color"],
div[style*="background-image"],
.p-image-wrapper[style],
.p-image[style],
.container.navigation-wrapper,
.container.navigation-wrapper[style],
#content-wrapper[style],
#content-wrapper div[style] {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}
.container.navigation-wrapper,
.container.navigation-wrapper::before,
.container.navigation-wrapper::after,
.header-title,
.header-title span {
  background: none !important;
  background-color: transparent !important;
}
.luxusni-blok.obrazek-vpravo {
  flex-direction: row-reverse;
}

/* Zrušení černého pozadí a inline backgroundu ve lightboxu */
#cboxOverlay,
#cboxWrapper,
#cboxContent,
#cboxLoadedContent,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxLoadedContent div,
#cboxLoadedContent > div,
#cboxLoadedContent > div > div,
div.mousetrap {
  background: none !important;
  background-color: transparent !important;
}
/* Obrázek uvnitř lightboxu */
#cboxLoadedContent img {
  background: none !important;
  background-color: transparent !important;
}

/* Průhledný overlay */
#cboxOverlay {
  opacity: 0 !important;
}
.container.navigation-wrapper {
  background: none !important;
  background-color: transparent !important;
}
table.detail-parameters,
table.detail-parameters * {
  color: #ffffff !important;
}
.link-icons a,
.link-icons a:hover,
.link-icons a:focus {
  color: #ffffff !important;
  fill: #ffffff !important;
}
/* === FIX: cena nahoře, text se neposouvá přes === */

.product .p-in {
  position: relative !important;
  padding-top: 60px !important; /* uprav podle potřeby */
}

.product .prices {
  position: absolute !important;
  top: 10px !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
  z-index: 9999 !important;
}
/* ❌ Důkladné schování Shoptet patičky */
footer#footer,
#footer-wrapper,
.shoptet-powered {
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  position: absolute !important;
  z-index: -9999 !important;
}
