/* =========================================================
   DETAIL PRODUKTU – Breadcrumbs: zvýraznit 4. úroveň (produkt)
   Shoptet 12
   ========================================================= */

/* cíl: produktový detail (Shoptet běžně používá body.type-detail) */
body.type-detail .breadcrumbs{
  /* nic globálního – jen přebíjíme aktivní úroveň */
}

/* 1) Na detailu produktu NEzvýrazňuj úroveň 3 (kategorie) */
body.type-detail #navigation-2,
body.type-detail #navigation-2 span[itemprop="name"]{
  font-weight: 400 !important;
  font-size: 1em !important;
  letter-spacing: 0 !important;
  color: rgba(255,255,255,.78) !important; /* sladit s tvým breadcrumb stylem */
}

/* 2) Zvýrazni úroveň 4 (produkt) */
body.type-detail #navigation-3{
  font-weight: 800 !important;
  font-size: 1.18em !important;
  letter-spacing: .2px !important;
  margin-left: 2px; /* jemné odsazení od lomítka */
}

body.type-detail #navigation-3 span[itemprop="name"]{
  font-weight: 800 !important;
  color: #ffffff !important;
}

/* 3) Pokud by Shoptet dělal z produktu odkaz, pojistka i pro <a> */
body.type-detail #navigation-3 a,
body.type-detail #navigation-3 a span[itemprop="name"]{
  font-weight: 800 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}


/* =========================================================
   DETAIL PRODUKTU – TEXTY NA BÍLO
   ========================================================= */

body.type-detail{
  color: #ffffff;
}

/* základní texty */
body.type-detail p,
body.type-detail span,
body.type-detail li,
body.type-detail label,
body.type-detail small{
  color: rgba(255,255,255,.88);
}

/* nadpisy */
body.type-detail h1,
body.type-detail h2,
body.type-detail h3,
body.type-detail h4,
body.type-detail h5{
  color: #ffffff;
}

/* popis produktu, sekce, taby */
body.type-detail .description,
body.type-detail .basic-description,
body.type-detail .detail-description,
body.type-detail .p-detail-inner{
  color: rgba(255,255,255,.9);
}

/* cena */
body.type-detail .price,
body.type-detail .price-final,
body.type-detail .price-value{
  color: #ffffff;
}

/* varianty */
body.type-detail .variant-name,
body.type-detail .variant-description{
  color: rgba(255,255,255,.85);
}

/* hodnocení */
body.type-detail .stars,
body.type-detail .rating,
body.type-detail .rating-average{
  color: #ffffff;
}

/* odkazy */
body.type-detail a{
  color: #ffffff;
}

body.type-detail a:hover{
  color: #f2f2f2;
}

/* kategorie, metadata */
body.type-detail .category,
body.type-detail .flags,
body.type-detail .availability,
body.type-detail .availability-value{
  color: rgba(255,255,255,.8);
}

/* formuláře */
body.type-detail select,
body.type-detail option,
body.type-detail input{
  color: #ffffff;
}


/* DETAIL – Varianta: jen #simple-variants-select (bez vedlejších efektů) */
body.type-detail #simple-variants-select{
  background: rgba(0,0,0,.55) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.25) !important;
}

/* Rozbalené položky */
body.type-detail #simple-variants-select option{
  background: #fff !important;
  color: #000 !important;
}


/* =========================================================
   DETAIL PRODUKTU – ztmavení pozadí pod texty (glass panel)
   ========================================================= */

body.type-detail .p-detail{
  position: relative;
  z-index: 1;
  max-width: 1378px;
  margin: 18px auto 24px;
  padding: 0 16px;
}

/* tmavá vrstva pod obsahem */
body.type-detail .p-detail::before{
  content: "";
  position: absolute;
  inset: -24px 0; /* nahoru/dolů přesah, vlevo/vpravo zarovnáno s obsahem */
  background: #0d0d0cd1;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 0;
  z-index: -1;
}

/* =========================================================
   DETAIL PRODUKTU – CTA tlačítko DO KOŠÍKU
   ========================================================= */

body.type-detail .add-to-cart-button{
  background: #60b800 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 0;
  padding: 14px 22px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  box-shadow: none;
  transition: all .25s ease;
}

/* hover */
body.type-detail .add-to-cart-button:hover{
  background: #3c7300 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(0,0,0,.3);
}

/* klik */
body.type-detail .add-to-cart-button:active{
  transform: translateY(0);
  box-shadow: none;
}




/* =========================================================
   DETAIL PRODUKTU – TAB "Popis" (bez rámečku, větší text)
   ========================================================= */

/* celý tab bar */
body.type-detail .shp-tabs{
  border-bottom: 1px solid rgba(255,255,255,.12);
}

/* všechny taby */
body.type-detail .shp-tab .shp-tab-link{
  background: none !important;
  border: none !important;
  box-shadow: none !important;

  color: rgba(255,255,255,.55) !important;
  font-size: 15px;
  font-weight: 600;
  padding: 10px 0;
  margin-right: 22px;

  text-transform: none;
  letter-spacing: .4px;
}

/* aktivní tab */
body.type-detail .shp-tab.active .shp-tab-link{
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
}

/* hover */
body.type-detail .shp-tab .shp-tab-link:hover{
  color: #ffffff !important;
}


/* =========================================================
   DETAIL PRODUKTU – dlouhý popis (podle inspektoru)
   ========================================================= */

body.type-detail #description .basic-description,
body.type-detail #description .basic-description p{
  font-size: 17px !important;   /* zkus 16.5 / 17 / 18 */
  line-height: 1.8 !important;
}

/* kdyby byly v popisu i další prvky */
body.type-detail #description .basic-description li{
  font-size: 17px !important;
  line-height: 1.75 !important;
}


/* =========================================================
   DETAIL PRODUKTU – notifikace "přidáno do košíku"
   Shoptet: div.messages > div.msg.msg-success
   ========================================================= */

/* Kontejner notifikací – nad headerem */
.messages{
  position: relative;
  z-index: 999999 !important;
}

/* Samotná zpráva */
.messages .msg.msg-success{
  background: #60b800 !important;
  border: none !important;
  padding: 16px 24px !important;
  text-align: center !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #fff !important;
}

/* Text uvnitř – vynutit viditelnost */
.messages .msg.msg-success,
.messages .msg.msg-success .container,
.messages .msg.msg-success p,
.messages .msg.msg-success span,
.messages .msg.msg-success a,
.messages .msg.msg-success div{
  color: #fff !important;
}