/**
 * SuntechMall-VPro — Single Product Tabs
 * File: assets/css/stm-single-product-tabs.css
 * Scope: single product only
 */

/* =====================================================
   Tabs base
===================================================== */
body.single-product .woocommerce-tabs{
  margin-top: 26px;
}

body.single-product .woocommerce-tabs ul.tabs{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  border: 0;
}

/* remove woo default lines */
body.single-product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce-tabs ul.tabs::after,
body.single-product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce-tabs ul.tabs li::after{
  display: none !important;
}

/* tab item wrapper */
body.single-product .woocommerce-tabs ul.tabs li{
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
}

/* tab button */
body.single-product .woocommerce-tabs ul.tabs li a{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 11px 16px;
  border-radius: 999px;

  font-size: 13px;
  font-weight: 800;
  line-height: 1;

  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,.10);
  text-decoration: none;

  /* REMOVE blur/shade */
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;

  transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}

body.single-product .woocommerce-tabs ul.tabs li a:hover{
  border-color: rgba(0,0,0,.16);
}

/* Active = Orange + White text (force all states) */
body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs ul.tabs li.active a:visited,
body.single-product .woocommerce-tabs ul.tabs li.active a:hover,
body.single-product .woocommerce-tabs ul.tabs li.active a:focus,
body.single-product .woocommerce-tabs ul.tabs li.active a:active,
body.single-product .woocommerce-tabs ul.tabs li.is-active a,
body.single-product .woocommerce-tabs ul.tabs li.is-active a:visited{
  background: #ff7a00 !important;
  border-color: #ff7a00 !important;
  color: #fff !important;

  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}

/* =====================================================
   Panels
===================================================== */
body.single-product .woocommerce-tabs .panel{
  margin: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
}

body.single-product .woocommerce-tabs .panel > h2{
  display: none;
}

body.single-product .woocommerce-tabs .panel p{
  margin: 0 0 12px;
}

/* =====================================================
   Description tab — tables + meta pills
===================================================== */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description{
  overflow: hidden;
}

/* tables */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description table{
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0;
  font-size: 14px;
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description th,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description td{
  padding: 10px 12px;
  border: 1px solid rgba(0,0,0,.08);
  vertical-align: top;
}

/* mobile safe scroll */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--description table{
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
}

/* Description meta pills (SKU / Tags / Brand) */
body.single-product .stm-sp-desc-meta{
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);

  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  font-size: 13px;
}

body.single-product .stm-sp-desc-meta__item{
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: #fff;
  color: rgba(0,0,0,.78);
}

body.single-product .stm-sp-desc-meta__item strong{
  color: #111;
  font-weight: 800;
}

/* clickable links inside pills (tags + brand) */
body.single-product .stm-sp-desc-meta__tags a,
body.single-product .stm-sp-desc-meta__brand a{
  color: rgba(0,0,0,.78);
  text-decoration: none;
  border-bottom: 1px dotted rgba(0,0,0,.25);
}
body.single-product .stm-sp-desc-meta__tags a:hover,
body.single-product .stm-sp-desc-meta__brand a:hover{
  color: #111;
  border-bottom-color: rgba(0,0,0,.45);
}

/* =====================================================
   Additional Information — pure white rows + normal text
===================================================== */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes{
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

/* force every row white (kill striping) */
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes tbody,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes tr,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:nth-child(odd),
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes tr:nth-child(even){
  background: #fff !important;
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes th,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes td{
  padding: 12px 14px;
  border: 1px solid rgba(0,0,0,.08);
  background: #fff !important;

  /* italic -> normal */
  font-style: normal !important;
}

body.single-product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information table.shop_attributes th{
  width: 220px;
  font-weight: 800;
  color: #111;
}

/* =====================================================
   Reviews — premium clean layout (SAFE, no reset)
===================================================== */

/* container spacing */
body.single-product .woocommerce-tabs #reviews{
  margin: 0;
}

/* list reset */
body.single-product .woocommerce-tabs #reviews ol.commentlist{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* each review card */
body.single-product .woocommerce-tabs #reviews ol.commentlist li{
  margin: 0 0 14px;
  padding: 16px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
}

/* keep avatar + content side-by-side (without killing theme styles) */
body.single-product .woocommerce-tabs #reviews ol.commentlist li .comment_container{
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

/* avatar */
body.single-product .woocommerce-tabs #reviews ol.commentlist li img.avatar{
  width: 46px;
  height: 46px;
  border-radius: 12px;
  object-fit: cover;
  flex: 0 0 46px;
  margin: 0;
}

/* comment body */
body.single-product .woocommerce-tabs #reviews ol.commentlist li .comment-text{
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

/* ---- HEADER ROW (Name + Verified + Date) ----
   We build our own small header row WITHOUT removing Woo defaults globally */
body.single-product .woocommerce-tabs #reviews ol.commentlist li .comment-text .meta{
  margin: 0 0 8px;
  padding: 0;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  /* important: stop weird widths/columns */
  width: 100%;
}

/* left side group: name + verified */
body.single-product .woocommerce-tabs #reviews ol.commentlist li .comment-text .meta .woocommerce-review__author,
body.single-product .woocommerce-tabs #reviews ol.commentlist li .comment-text .meta strong{
  font-size: 14px;
  font-weight: 900;
  color: #111;
  line-height: 1.25;
}

/* remove Woo dash if theme makes spacing ugly */
body.single-product .woocommerce-tabs #reviews .woocommerce-review__dash{
  display: none;
}

/* verified badge */
body.single-product .woocommerce-tabs #reviews em.woocommerce-review__verified{
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
  color: rgba(0,0,0,.70);

  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);

  margin-left: 8px;
  display: inline-flex;
  align-items: center;
}

/* date on right */
body.single-product .woocommerce-tabs #reviews time,
body.single-product .woocommerce-tabs #reviews .woocommerce-review__published-date{
  font-size: 12px;
  font-weight: 700;
  color: rgba(0,0,0,.55);
  white-space: nowrap;
}

/* ---- STARS ----
   Make stars sit UNDER header, not overlapping avatar/name */
body.single-product .woocommerce-tabs #reviews .star-rating{
  float: none;
  margin: 0 0 10px;
  display: inline-block;
}

/* Review text */
body.single-product .woocommerce-tabs #reviews .comment-text .description{
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #111;
}

/* Optional: make each card feel premium on hover (light) */
body.single-product .woocommerce-tabs #reviews ol.commentlist li:hover{
  border-color: rgba(0,0,0,.12);
}