/* =========================================================
   product-detail-custom.css — drevko.sk
   Detail produktu: hodnotenie+kód / záložky / parametre
   ========================================================= */

/* ---------------------------------------------------------
   1) Riadok hodnotenie + kód produktu (pod nadpisom)
   --------------------------------------------------------- */
.ratings-and-brand{
  display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
  gap:14px !important; margin:0 0 14px !important; padding:0 !important;
}
.ratings-and-brand .stars-wrapper,
.ratings-and-brand .stars-wrapper *{ margin:0 !important; }
.ratings-and-brand .stars-wrapper{ display:inline-flex !important; align-items:center !important; gap:8px !important; }
.ratings-and-brand .stars-link.show-ratings{
  font-size:16px !important; line-height:1 !important; color:#8a8a8a !important;
  text-decoration:none !important; white-space:nowrap !important;
}
.ratings-and-brand .brand-wrapper{ display:none !important; }
.ratings-and-brand tr.p-code,
.ratings-and-brand .p-code{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  margin:0 !important; border:none !important;
}
/* Štítok "Kód:" – skry duplicitný reálny text, ukáž len ::before */
.ratings-and-brand .p-code-label{ font-size:0 !important; padding:0 !important; border:none !important; background:none !important; }
.ratings-and-brand .p-code-label::before{ font-size:16px !important; line-height:1 !important; color:#b0a99e !important; }
/* Hodnota kódu */
.ratings-and-brand tr.p-code td{
  font-size:16px !important; line-height:1 !important; color:#b0a99e !important;
  padding:0 !important; border:none !important; background:none !important;
}
.ratings-and-brand tr.p-code:has(.default-variant:not(.no-display):not(.noDisplay)){ visibility:hidden !important; }
@media (max-width:767px){
  .ratings-and-brand{ gap:8px !important; flex-wrap:nowrap !important; }
  .ratings-and-brand .stars-wrapper{ gap:6px !important; }
  .ratings-and-brand .star,
  .ratings-and-brand .star::before{ width:13px !important; height:13px !important; font-size:13px !important; background-size:13px !important; }
  .ratings-and-brand .stars-link.show-ratings,
  .ratings-and-brand tr.p-code td{ font-size:13px !important; }
  .ratings-and-brand .p-code-label::before{ font-size:13px !important; }
}

/* ---------------------------------------------------------
   2) Záložky: Popis / Hodnotenie / Diskusia
   --------------------------------------------------------- */
ul.shp-tabs.p-detail-tabs{
  display:flex !important; flex-wrap:wrap !important; gap:8px !important; list-style:none !important;
  margin:0 0 24px !important; padding:0 !important; border-bottom:2px solid #e6e6e6 !important;
}
ul.shp-tabs.p-detail-tabs > li.shp-tab{ margin:0 0 -2px !important; list-style:none !important; border:none !important; }
ul.shp-tabs.p-detail-tabs > li.shp-tab > a.shp-tab-link{
  display:inline-block !important; padding:12px 22px !important; font-size:19px !important; font-weight:800 !important;
  color:#9b9183 !important; background:transparent !important; border:2px solid transparent !important;
  border-bottom:3px solid transparent !important; border-radius:10px 10px 0 0 !important;
  text-decoration:none !important; line-height:1.2 !important;
  transition:color .15s ease, background .15s ease, border-color .15s ease !important;
}
ul.shp-tabs.p-detail-tabs > li.shp-tab > a.shp-tab-link:hover{ color:#4a3b2a !important; background:#f4f7ee !important; }
ul.shp-tabs.p-detail-tabs > li.shp-tab.active > a.shp-tab-link,
ul.shp-tabs.p-detail-tabs > li.shp-tab > a.shp-tab-link.active{
  color:#4a3b2a !important; background:#f4f7ee !important; border-bottom-color:#93ba40 !important;
}
@media (max-width:767px){
  ul.shp-tabs.p-detail-tabs{ gap:6px !important; }
  ul.shp-tabs.p-detail-tabs > li.shp-tab > a.shp-tab-link{ padding:10px 14px !important; font-size:16px !important; }
}

/* ---------------------------------------------------------
   3) Tabuľka: Parametre produktu
      (LEN tabuľka v .extended-description – nie Dostupnosť/Kód hore)
   --------------------------------------------------------- */
.extended-description > p{
  background:#f4f7ee !important; color:#4a3b2a !important; font-size:19px !important; font-weight:800 !important;
  margin:0 !important; padding:16px 22px !important; border:1px solid #e6e6e6 !important; border-bottom:none !important;
  border-radius:12px 12px 0 0 !important; border-left:4px solid #93ba40 !important;
}
.extended-description > p + table.detail-parameters{ border-top:none !important; border-radius:0 0 12px 12px !important; margin-top:0 !important; }
.extended-description table.detail-parameters{
  width:100% !important; border-collapse:separate !important; border-spacing:0 !important;
  border:1px solid #e6e6e6 !important; border-radius:12px !important; overflow:hidden !important;
  background:#fff !important; margin:0 0 30px !important;
}
.extended-description table.detail-parameters tr{ background:transparent !important; }
.extended-description table.detail-parameters tbody tr:nth-child(even){ background:#faf9f6 !important; }
.extended-description table.detail-parameters th,
.extended-description table.detail-parameters td{
  border:none !important; border-bottom:1px solid #efefef !important; padding:14px 22px !important;
  font-size:16px !important; vertical-align:middle !important; text-align:left !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{ width:42% !important; font-weight:700 !important; color:#4a3b2a !important; white-space:nowrap !important; }
.extended-description table.detail-parameters th .row-header-label{ background:transparent !important; padding:0 !important; }
.extended-description table.detail-parameters td{ color:#202020 !important; font-weight:400 !important; }
.extended-description table.detail-parameters td a{
  display:inline-block !important; padding:3px 10px !important; margin:2px 2px !important; border-radius:7px !important;
  background:#eef4e2 !important; color:#5e7d1e !important; font-weight:600 !important; text-decoration:none !important;
  line-height:1.4 !important; transition:background .15s ease, color .15s ease !important;
}
.extended-description table.detail-parameters td a:hover{ background:#f7e9df !important; color:#c38e63 !important; }
@media (max-width:767px){
  .extended-description table.detail-parameters th,
  .extended-description table.detail-parameters td{ padding:11px 14px !important; font-size:14px !important; }
  .extended-description table.detail-parameters th{ width:40% !important; white-space:normal !important; }
}