/* VibeSlash — Woo PDP tabs dark cathedral (Bach, 2026-10-05).
 * Stock Woo 10.x paints `.woocommerce div.product .woocommerce-tabs ul.tabs li`
 * as pale #e9e6ed slabs with a pure #fff active tab and gray #515151 type
 * (plus #cfc8d8 borders and ::before/::after box-shadow corner hacks) on the
 * black cathedral. Phone stacks those into a three-block pale pile under ATC.
 * This patch pulls Description / Additional information / Reviews into the
 * same cathedral bar as patches 15/16: #0a0a0a/#121212 fill, bone #e8dcc8 type,
 * purple #9b5cff active accent. Auto-enqueued by functions.php patch glob
 * (no functions.php edit).
 */

/* Tab list rail: kill the stock pale underline. */
.woocommerce div.product .woocommerce-tabs ul.tabs,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs {
  padding: 0 !important;
  margin: 0 0 1.25em !important;
  border-bottom: 1px solid rgba(232, 220, 200, 0.25) !important;
  background: transparent !important;
  overflow: visible !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs::before {
  border-bottom: 0 !important;
  content: none !important;
  display: none !important;
}

/* Inactive tabs: dark/transparent, bone border, no rounded stock corners. */
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li {
  background-color: #121212 !important;
  background-image: none !important;
  color: #e8dcc8 !important;
  border: 1px solid rgba(232, 220, 200, 0.25) !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  margin: 0 2px 0 0 !important;
  padding: 0 1em !important;
  box-shadow: none !important;
  z-index: 0 !important;
}

/* Kill Woo's stock corner box-shadow hacks (#e9e6ed / #fff). */
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
  width: 0 !important;
  height: 0 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li a {
  color: #e8dcc8 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li a:hover {
  color: #9b5cff !important;
  text-decoration: none !important;
}

/* Active tab: dark fill, purple type, purple bottom bar accent. */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:hover,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active:hover {
  background-color: #0a0a0a !important;
  background-image: none !important;
  color: #9b5cff !important;
  border-color: rgba(155, 92, 255, 0.55) !important;
  border-bottom: 2px solid #9b5cff !important;
  border-radius: 0 !important;
  z-index: 2 !important;
  box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active a:hover {
  color: #9b5cff !important;
  text-shadow: none !important;
}

/* Panel under tabs: dark field, bone type — no white slab. */
.woocommerce div.product .woocommerce-tabs .panel,
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel,
.woocommerce div.product .woocommerce-Tabs-panel {
  background-color: #121212 !important;
  background-image: none !important;
  color: #e8dcc8 !important;
  border: 1px solid rgba(232, 220, 200, 0.18) !important;
  border-radius: 0 !important;
  padding: 1.25em 1.25em 0.5em !important;
  margin: 0 0 2em !important;
  box-shadow: none !important;
}

.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel li,
.woocommerce div.product .woocommerce-tabs .panel td,
.woocommerce div.product .woocommerce-tabs .panel th,
.woocommerce div.product .woocommerce-Tabs-panel p,
.woocommerce div.product .woocommerce-Tabs-panel li,
.woocommerce div.product .woocommerce-Tabs-panel td,
.woocommerce div.product .woocommerce-Tabs-panel th {
  color: #e8dcc8 !important;
}

.woocommerce div.product .woocommerce-tabs .panel a,
.woocommerce div.product .woocommerce-Tabs-panel a {
  color: #b47cff !important;
}

.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-Tabs-panel h2 {
  color: #e8dcc8 !important;
}

/* Additional info table on dark. */
.woocommerce div.product .woocommerce-tabs table.shop_attributes,
.woocommerce div.product .woocommerce-Tabs-panel table.shop_attributes {
  border-color: rgba(232, 220, 200, 0.2) !important;
}

.woocommerce div.product .woocommerce-tabs table.shop_attributes th,
.woocommerce div.product .woocommerce-tabs table.shop_attributes td,
.woocommerce div.product .woocommerce-Tabs-panel table.shop_attributes th,
.woocommerce div.product .woocommerce-Tabs-panel table.shop_attributes td {
  color: #e8dcc8 !important;
  border-bottom-color: rgba(232, 220, 200, 0.2) !important;
  background: transparent !important;
}

.woocommerce div.product .woocommerce-tabs table.shop_attributes tr:nth-child(even) td,
.woocommerce div.product .woocommerce-tabs table.shop_attributes tr:nth-child(even) th,
.woocommerce div.product .woocommerce-Tabs-panel table.shop_attributes tr:nth-child(even) td,
.woocommerce div.product .woocommerce-Tabs-panel table.shop_attributes tr:nth-child(even) th {
  background: rgba(155, 92, 255, 0.06) !important;
}

/* Reviews comment chrome: no pale avatar/box. */
.woocommerce div.product #reviews #comments ol.commentlist li img.avatar {
  background: #121212 !important;
  border-color: rgba(232, 220, 200, 0.25) !important;
}

.woocommerce div.product #reviews #comments ol.commentlist li .comment-text,
.woocommerce div.product #reviews #comments ol.commentlist #respond {
  background: #0a0a0a !important;
  border-color: rgba(232, 220, 200, 0.25) !important;
  color: #e8dcc8 !important;
}

/* Phone ≤768: keep stack or single dark row — no pale blocks under ATC. */
@media (max-width: 768px) {
  .woocommerce div.product .woocommerce-tabs ul.tabs,
  .woocommerce div.product .woocommerce-tabs ul.wc-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    margin: 0 0 1em !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li,
  .woocommerce div.product .woocommerce-tabs ul.wc-tabs li {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    margin: 0 0 2px 0 !important;
    background-color: #121212 !important;
    border: 1px solid rgba(232, 220, 200, 0.25) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li.active,
  .woocommerce div.product .woocommerce-tabs ul.wc-tabs li.active {
    background-color: #0a0a0a !important;
    border-color: rgba(155, 92, 255, 0.55) !important;
    border-bottom: 2px solid #9b5cff !important;
  }

  .woocommerce div.product .woocommerce-tabs .panel,
  .woocommerce div.product .woocommerce-Tabs-panel {
    background-color: #121212 !important;
    color: #e8dcc8 !important;
  }
}
