/* ==========================================================================
   product-detail-custom.css  (v=21)
   Drevko DE / AT – úpravy detailu produktu
   Pozn.: identická štruktúra ako SK/CZ. Jediný jazykový rozdiel: label kódu
          je v nemčine "Code:" – riešené cez html:lang(de) nižšie.
          Súbor je bezpečný aj ako univerzálny (na SK/CZ ostane "Kód:").
   1) Riadok hodnotenie + Kód
   2) Záložky (Beschreibung / Bewertungen / Diskussion)
   3) Hlavička + tabuľka parametrov
   ========================================================================== */

/* ===== 1) RIADOK HODNOTENIE + KÓD ========================================= */
.ratings-and-brand {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 0 !important;
  margin: 6px 0 14px !important;
}
.ratings-and-brand .stars-wrapper {
  order: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  border-right: none !important;
  transition: transform .15s ease !important;
  cursor: pointer;
}
.ratings-and-brand .stars-wrapper:hover {
  transform: translateY(-1px);
}
.ratings-and-brand .stars-wrapper:hover .star.star-on::before {
  filter: brightness(1.12) saturate(1.25);
}
.ratings-and-brand .brand-wrapper {
  display: none !important;
}
.ratings-and-brand .brand-wrapper-manufacturer-name a {
  border-right: none !important;
}
.ratings-and-brand .stars-link.show-ratings {
  text-decoration: none !important;
  color: #202020 !important;
  font-weight: 400 !important;
}
.ratings-and-brand .stars-link.show-ratings:hover {
  text-decoration: none !important;
  color: #93ba40 !important;
}
.ratings-and-brand tr.p-code {
  order: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}
.ratings-and-brand tr.p-code th,
.ratings-and-brand tr.p-code td {
  display: inline !important;
  padding: 0 !important;
  border: none !important;
}
.ratings-and-brand .p-code-label {
  font-size: 0 !important;
  color: #b0a99e !important;
  font-weight: 600 !important;
}
.ratings-and-brand .p-code-label::before {
  content: "Kód:";
  font-size: 13px !important;
  color: #b0a99e !important;
  font-weight: 600 !important;
}
/* Nemčina (DE + AT majú obe lang="de") – label kódu */
html:lang(de) .ratings-and-brand .p-code-label::before {
  content: "Code:";
}
.ratings-and-brand .p-code {
  font-size: 13px !important;
  color: #b0a99e !important;
  font-weight: 600 !important;
}
.ratings-and-brand .p-code:has(.default-variant:not(.noDisplay)) {
  display: none !important;
}
.ratings-and-brand .p-code .default-variant {
  display: none !important;
}

/* Mobil */
@media (max-width: 767px) {
  .ratings-and-brand {
    column-gap: 10px !important;
  }
  .ratings-and-brand .stars-label.starsLabel--productDetail {
    display: none !important;
  }
  .ratings-and-brand .p-code,
  .ratings-and-brand .p-code-label::before {
    font-size: 13px !important;
  }
}

/* ===== 2) ZÁLOŽKY (Beschreibung / Bewertungen / Diskussion) =============== */
ul.shp-tabs.p-detail-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
  padding: 0 !important;
  margin: 26px 0 0 !important;
  list-style: none !important;
}
ul.shp-tabs.p-detail-tabs > li.shp-tab {
  margin: 0 !important;
  border: none !important;
}
ul.shp-tabs.p-detail-tabs > li.shp-tab > a.shp-tab-link {
  display: block !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #202020 !important;
  text-decoration: none !important;
  padding: 12px 20px !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 8px 8px 0 0 !important;
  background: transparent !important;
  margin-bottom: -1px !important;
  transition: color .15s ease, border-color .15s ease, background .15s ease !important;
}
ul.shp-tabs.p-detail-tabs > li.shp-tab > a.shp-tab-link:hover {
  color: #000 !important;
  background: #f4f7ee !important;
  border-bottom: 3px solid #cfe0a8 !important;
}
ul.shp-tabs.p-detail-tabs > li.shp-tab.active > a.shp-tab-link {
  color: #202020 !important;
  background: #f4f7ee !important;
  border-bottom: 3px solid #93ba40 !important;
}

/* Mobil */
@media (max-width: 767px) {
  ul.shp-tabs.p-detail-tabs {
    gap: 4px !important;
    margin-top: 18px !important;
  }
  ul.shp-tabs.p-detail-tabs > li.shp-tab > a.shp-tab-link {
    font-size: 16px !important;
    padding: 10px 14px !important;
  }
}

/* ===== 3) HLAVIČKA + TABUĽKA PARAMETROV =================================== */
.extended-description > p {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #4a3b2a !important;
  background: #f4f7ee !important;
  border: 1px solid #ececec !important;
  border-left: 4px solid #93ba40 !important;
  border-bottom: none !important;
  border-radius: 10px 10px 0 0 !important;
  padding: 14px 16px !important;
  margin: 24px 0 0 !important;
}
.extended-description table.detail-parameters {
  width: 100% !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid #ececec !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
  overflow: hidden !important;
  font-family: 'Nunito', sans-serif !important;
  margin: 0 0 20px !important;
}
.extended-description table.detail-parameters tr:nth-child(even) {
  background: #fafafa !important;
}
.extended-description table.detail-parameters th,
.extended-description table.detail-parameters td {
  padding: 11px 16px !important;
  border: none !important;
  border-bottom: 1px solid #f0f0f0 !important;
  vertical-align: middle !important;
  text-align: left !important;
}
.extended-description table.detail-parameters td {
  color: #202020 !important;
  font-weight: 600 !important;
  line-height: 1.9 !important;
  font-size: 15px !important;
}
.extended-description table.detail-parameters tr:last-child th,
.extended-description table.detail-parameters tr:last-child td {
  border-bottom: none !important;
}
.extended-description table.detail-parameters th,
.extended-description table.detail-parameters .row-header-label {
  font-weight: 700 !important;
  color: #4a3b2a !important;
  background: transparent !important;
  font-size: 15px !important;
  white-space: nowrap !important;
  width: auto !important;
  padding-right: 28px !important;
  overflow-wrap: anywhere !important;
}
.extended-description table.detail-parameters td a {
  display: inline-block !important;
  background: #eef4e2 !important;
  color: #5e7d1e !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  padding: 3px 10px !important;
  margin: 2px 4px 2px 0 !important;
  border-radius: 8px !important;
  transition: background .15s ease, color .15s ease !important;
}
.extended-description table.detail-parameters td a:hover {
  background: #f7e9df !important;
  color: #c38e63 !important;
}

/* Mobil */
@media (max-width: 767px) {
  .extended-description > p {
    font-size: 16px !important;
    padding: 12px 12px !important;
  }
  .extended-description table.detail-parameters th,
  .extended-description table.detail-parameters td {
    padding: 9px 12px !important;
    font-size: 13px !important;
  }
  .extended-description table.detail-parameters td a {
    font-size: 13px !important;
    padding: 2px 8px !important;
  }
}