/* V24 — accesibilitate pentru taburile cu informații despre produse.
   Fundalul este alb în ambele teme: folosim culori explicite, nu var(--fg)
   care devine aproape alb în dark mode pe telefoane. */
.rv-product-tabs {
  background: #fff;
  color: #432637;
  min-width: 0;
}
.rv-product-tabs .rv-product-tablist {
  background: #fff;
  color: #663e54;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.rv-product-tabs .rv-product-tab {
  color: #74445d;
  background: #fff;
  flex: 0 0 auto;
  min-width: max-content;
  white-space: nowrap;
  line-height: 1.4;
}
.rv-product-tabs .rv-product-tab[aria-selected="true"] {
  background: #fff0f5;
  color: #97294f;
}
.rv-product-tabs .rv-product-tabpanel,
.rv-product-tabs .rv-product-html {
  color: #442a38;
  background-color: #fff;
  opacity: 1;
}
.rv-product-tabs .rv-product-html :is(p, li, td, div, span, em, small, strong, b) {
  color: #442a38;
  opacity: 1;
}
.rv-product-tabs .rv-product-html :is(h2, h3, h4) {
  color: #772247;
}
.rv-product-tabs .rv-product-html blockquote,
.rv-product-tabs .rv-product-html blockquote :is(p, strong, em, span) {
  color: #65314c;
}
.rv-product-tabs .rv-product-html table,
.rv-product-tabs .rv-product-html :is(thead, tbody, tr, td, th) {
  color: #442a38;
}
.rv-product-tabs .rv-product-html th {
  background: #fdeaf2;
  color: #682542;
}
.rv-product-tabs .rv-product-html td {
  background: #fff;
}
.rv-product-tabs .rv-product-html tr:nth-child(even) td {
  background: #fff8fb;
}
.rv-product-tabs .rv-product-html hr {
  border: 0;
  border-top: 1px solid #e7c9d6;
  margin: 18px 0;
}
.rv-product-tabs .rv-product-html .muted {
  color: #76586b;
}
@media (max-width: 600px) {
  .rv-product-tabs .rv-product-tab {
    font-size: .93rem;
    padding: 14px 16px;
  }
  .rv-product-tabs .rv-product-tabpanel {
    padding: 20px 17px;
  }
  .rv-product-tabs .rv-product-html p,
  .rv-product-tabs .rv-product-html li {
    font-size: 1rem;
    line-height: 1.65;
  }
  .rv-product-tabs .rv-product-html h2 {
    font-size: clamp(1.3rem, 5vw, 1.55rem);
  }
  .rv-product-tabs .rv-product-html h3 {
    font-size: 1.15rem;
  }
  .rv-product-tabs .rv-product-html table {
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .rv-product-tabs .rv-product-html th,
  .rv-product-tabs .rv-product-html td {
    padding: 10px 11px;
    font-size: .88rem;
  }
}


/* V25 – Nu cere glisare orizontală pentru taburi sau tabele pe telefon. */
@media (max-width: 700px) {
  .rv-product-tabs,
  .rv-product-tabs .rv-product-tabpanel,
  .rv-product-tabs .rv-product-html {max-width:100%;min-width:0;box-sizing:border-box;}
  .rv-product-tabs .rv-product-tablist {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;max-width:100%;min-width:0;
    overflow:visible!important;
    scrollbar-width:none;
  }
  .rv-product-tabs .rv-product-tab {
    display:flex;align-items:center;justify-content:center;
    width:100%;min-width:0!important;max-width:100%;
    padding:12px 4px!important;
    box-sizing:border-box;
    font-size:clamp(.70rem,2.8vw,.86rem)!important;
    line-height:1.25;min-height:54px;
    text-align:center;
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:normal;
    hyphens:auto;
    border-radius:0;
  }
  .rv-product-tabs .rv-product-tabpanel {padding:16px 13px!important;}
  /* Fallback fără JavaScript: toate coloanele se încadrează în lățimea telefonului. */
  .rv-product-tabs .rv-product-html table {
    display:table;width:100%!important;min-width:0!important;max-width:100%!important;
    table-layout:fixed;overflow:visible!important;
    border-collapse:collapse;
  }
  .rv-product-tabs .rv-product-html th,
  .rv-product-tabs .rv-product-html td {
    white-space:normal!important;overflow-wrap:anywhere;word-break:normal;
    font-size:.80rem!important;line-height:1.35;
    padding:8px 6px!important;max-width:100%;
  }
  /* Cu JS: tabelul devine listă de rânduri explicite, fără deplasare laterală. */
  .rv-product-tabs .rv-product-html table.rv-mobile-data-table,
  .rv-product-tabs .rv-product-html .rv-mobile-data-table tbody,
  .rv-product-tabs .rv-product-html .rv-mobile-data-table tr,
  .rv-product-tabs .rv-product-html .rv-mobile-data-table td,
  .rv-product-tabs .rv-product-html .rv-mobile-data-table th {
    display:block!important;width:100%!important;max-width:100%!important;
    box-sizing:border-box;
  }
  .rv-product-tabs .rv-product-html .rv-mobile-data-table thead {display:none!important;}
  .rv-product-tabs .rv-product-html table.rv-mobile-data-table {border:0;margin:16px 0;background:transparent;}
  .rv-product-tabs .rv-product-html .rv-mobile-data-table tbody {display:grid!important;gap:10px;}
  .rv-product-tabs .rv-product-html .rv-mobile-data-table tr {
    border:1px solid #ecc8d7;border-radius:12px;
    overflow:hidden;background:#fff!important;
    box-shadow:0 2px 5px rgba(84,35,57,.04);
  }
  .rv-product-tabs .rv-product-html .rv-mobile-data-table td,
  .rv-product-tabs .rv-product-html .rv-mobile-data-table th {
    border:0;border-bottom:1px solid #f1dce5;
    background:#fff!important;
    color:#442a38!important;
    padding:10px 12px!important;
    font-size:.91rem!important;
    line-height:1.45;
    text-align:left;
  }
  .rv-product-tabs .rv-product-html .rv-mobile-data-table tr > :last-child{border-bottom:0;}
  .rv-product-tabs .rv-product-html .rv-mobile-data-table tr > :first-child{
    background:#fdeaf2!important;color:#742847!important;font-weight:700;
  }
  .rv-product-tabs .rv-product-html .rv-mobile-data-table td[data-rv-label]:not(:first-child)::before,
  .rv-product-tabs .rv-product-html .rv-mobile-data-table th[data-rv-label]:not(:first-child)::before {
    content:attr(data-rv-label);
    display:block;font-size:.75rem;font-weight:700;
    letter-spacing:.01em;color:#853e5d;
    margin-bottom:3px;
  }
  .rv-product-tabs .rv-product-html img,
  .rv-product-tabs .rv-product-html iframe,
  .rv-product-tabs .rv-product-html video {max-width:100%;height:auto;}
}