/* =========================================================
   DIG — Dark Woo Single Product (FINAL CLEAN)
   NOTE: HAPUS semua CSS lama, pakai ini saja.
   ========================================================= */

.dig-single-product {
  --dig-bg: #050a07;
  --dig-text: rgba(245, 250, 246, 0.92);
  --dig-muted: rgba(245, 250, 246, 0.62);
  --dig-line: rgba(45, 255, 111, 0.18);
  --dig-line2: rgba(255, 255, 255, 0.1);
  --dig-accent: #2dff6f;

  --dig-header-offset: 120px;
  --dig-container: 1200px;

  --dig-ctrl-h: 56px; /* tinggi select/qty/button */
  --dig-qty-w: 260px; /* lebar qty */
  --dig-icon: 56px; /* size button icon cart */
  --dig-gap: 14px;

  background: var(--dig-bg);
  color: var(--dig-text);
}

.dig-single-product::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(
      900px 520px at 18% 15%,
      rgba(45, 255, 111, 0.1),
      transparent 60%
    ),
    radial-gradient(
      700px 500px at 82% 20%,
      rgba(45, 255, 111, 0.08),
      transparent 60%
    ),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.75)),
    repeating-linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.03) 0,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px,
      transparent 60px
    ),
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.03) 0,
      rgba(255, 255, 255, 0.03) 1px,
      transparent 1px,
      transparent 60px
    );
  opacity: 0.65;
}

/* container */
.dig-single-product .site-main {
  max-width: var(--dig-container) !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  padding-top: var(--dig-header-offset) !important;
  width: 100% !important;
}
/* layout top/bottom */
.dig-single-product .dig-sp-top {
  /* padding-top: var(--dig-header-offset); */
  padding-bottom: 22px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 992px) {
  .dig-single-product .dig-sp-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
  }
}
.dig-single-product .dig-sp-bottom {
  padding: 18px 0 60px;
}

/* kill woo floats */
.dig-single-product div.product div.images,
.dig-single-product div.product div.summary {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

/* =========================================================
   Gallery
   ========================================================= */
.dig-single-product .woocommerce-product-gallery {
  position: relative;
}

/* image wrapper (biar badge bisa “di dalam” dan ikut radius) */
.dig-single-product .woocommerce-product-gallery__image {
  position: relative;
  border: 1px solid var(--dig-line);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.02);
}
.dig-single-product .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* Sale badge (setelah dipindah JS ke dalam .woocommerce-product-gallery__image) */
.dig-single-product .woocommerce-product-gallery__image > span.onsale {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 10 !important;
  margin: 0 !important;
  background: rgba(45, 255, 111, 0.12) !important;
  border: 1px solid rgba(45, 255, 111, 0.35) !important;
  color: var(--dig-accent) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  line-height: 2 !important;
}

/* zoom */
.dig-single-product .woocommerce-product-gallery__trigger {
  top: 12px !important;
  right: 12px !important;
  z-index: 11 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.dig-single-product .woocommerce-product-gallery__trigger:hover {
  border-color: rgba(45, 255, 111, 0.35) !important;
}

/* thumbs */
.dig-single-product .flex-control-thumbs {
  margin-top: 12px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 768px) {
  .dig-single-product .flex-control-thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dig-single-product .site-main {
    padding-top: 0px !important;
  }
}
.dig-single-product .flex-control-thumbs li {
  margin: 0 !important;
  width: 100% !important;
}
.dig-single-product .flex-control-thumbs img {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.03);
  padding: 8px;
  opacity: 0.92;
  transition:
    transform 0.14s ease,
    opacity 0.14s ease,
    border-color 0.14s ease;
}
.dig-single-product .flex-control-thumbs img:hover {
  transform: translateY(-1px);
  opacity: 1;
  border-color: rgba(45, 255, 111, 0.35);
}
.dig-single-product .flex-control-thumbs .flex-active {
  border-color: rgba(45, 255, 111, 0.7) !important;
  box-shadow: 0 0 0 3px rgba(45, 255, 111, 0.12);
  opacity: 1;
}

/* =========================================================
   Summary
   ========================================================= */
.dig-single-product .product_title {
  font-size: clamp(28px, 2.3vw, 42px);
  line-height: 1.05;
  margin: 10px 0 12px;
  color: var(--dig-text);
}
.dig-single-product .summary .price {
  font-size: 22px;
  margin: 10px 0 14px;
}
.dig-single-product .summary .price ins {
  text-decoration: none;
  color: var(--dig-accent);
}
.dig-single-product .summary .price del {
  color: rgba(245, 250, 246, 0.45);
  opacity: 1;
}
.dig-single-product .woocommerce-product-details__short-description {
  color: var(--dig-muted);
  margin: 12px 0 16px;
  max-width: 70ch;
}

/* =========================================================
   Variations (robust: normal select / select2 / nice-select)
   ========================================================= */
.dig-single-product table.variations,
.dig-single-product table.variations tbody,
.dig-single-product table.variations tr,
.dig-single-product table.variations th,
.dig-single-product table.variations td {
  display: block !important;
  width: 100% !important;
}

.dig-single-product table.variations th.label {
  border: 0 !important;
  padding: 0 0 10px !important;
  margin: 0 !important;
}
.dig-single-product table.variations th.label label {
  color: var(--dig-text) !important;
  font-weight: 900 !important;
  margin: 0 !important;
  display: block;
}

.dig-single-product table.variations td.value {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* normal select */
.dig-single-product form.variations_form select {
  width: 100% !important;
  height: var(--dig-ctrl-h) !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--dig-text) !important;
  outline: none !important;
}

/* select2 */
.dig-single-product .select2-container {
  width: 100% !important;
}
.dig-single-product .select2-container .select2-selection--single {
  height: var(--dig-ctrl-h) !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  align-items: center !important;
}
.dig-single-product .select2-container .select2-selection__rendered {
  color: var(--dig-text) !important;
  padding: 0 !important;
}
.dig-single-product .select2-container .select2-selection__arrow {
  height: var(--dig-ctrl-h) !important;
}

/* nice-select (kalau ada plugin) */
.dig-single-product .nice-select {
  width: 100% !important;
  height: var(--dig-ctrl-h) !important;
  border-radius: 18px !important;
  padding: 0 16px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: var(--dig-text) !important;
  display: flex !important;
  align-items: center !important;
}

.dig-single-product form.variations_form select:focus,
.dig-single-product .select2-container .select2-selection--single:focus,
.dig-single-product .nice-select:focus {
  border-color: rgba(45, 255, 111, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(45, 255, 111, 0.16) !important;
  outline: none !important;
}

.dig-single-product .reset_variations {
  display: inline-block;
  margin-top: 10px;
  color: rgba(45, 255, 111, 0.95) !important;
  text-decoration: none !important;
  font-weight: 800;
}
.dig-single-product .reset_variations:hover {
  text-decoration: underline !important;
}

/* variation detail */
.dig-single-product .woocommerce-variation-description {
  color: var(--dig-muted) !important;
  margin: 10px 0 0 !important;
  max-width: 70ch;
  line-height: 1.6;
}
.dig-single-product .woocommerce-variation-price .price {
  margin: 12px 0 0 !important;
  font-weight: 900 !important;
}
.dig-single-product .woocommerce-variation-price .price ins {
  color: var(--dig-accent) !important;
  text-decoration: none !important;
}
.dig-single-product .woocommerce-variation-price .price del {
  color: rgba(245, 250, 246, 0.45) !important;
  opacity: 1 !important;
}

/* =========================================================
   Actions (tidak dipaksa 1 baris, biar tidak overflow)
   Layout: qty + [cart icon] + buy now
   ========================================================= */
.dig-single-product .woocommerce-variation-add-to-cart,
.dig-single-product form.cart {
  display: flex !important;
  flex-wrap: wrap; /* penting: jangan dipaksa 1 baris */
  gap: var(--dig-gap);
  align-items: center;
  margin-top: 18px;
}

/* qty */
.dig-single-product .quantity.dig-qty {
  flex: 0 0 auto;
  height: var(--dig-ctrl-h) !important;
  display: inline-flex !important;
  align-items: stretch !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(255, 255, 255, 0.03) !important;
}
.dig-single-product .quantity.dig-qty button {
  width: calc(var(--dig-ctrl-h)) !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--dig-text) !important;
  font-size: 22px !important;
}
.dig-single-product .quantity.dig-qty button:hover {
  background: rgba(45, 255, 111, 0.1) !important;
}
.dig-single-product .quantity.dig-qty input.qty {
  width: 80px !important;
  height: var(--dig-ctrl-h) !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--dig-text) !important;
  text-align: center !important;
  outline: none !important;
}

/* Add to cart = icon only */
.dig-single-product button.single_add_to_cart_button:not(.wc-buy-now-btn) {
  flex: 0 0 auto;
  width: var(--dig-icon);
  height: var(--dig-ctrl-h) !important;
  border-radius: 18px !important;
  border: 1px solid rgba(45, 255, 111, 0.4) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  --fillg: var(--dig-accent);
}
.dig-single-product
  button.single_add_to_cart_button:not(.wc-buy-now-btn):hover {
  background: rgba(45, 255, 111, 0.1) !important;
}
.dig-single-product
  button.single_add_to_cart_button.wc-variation-selection-needed,
.dig-single-product button.single_add_to_cart_button.disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Buy now tetap besar */
.dig-single-product button.wc-buy-now-btn {
  height: var(--dig-ctrl-h) !important;
  border-radius: 999px !important;
  padding: 0 26px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap;
  border: 1px solid rgba(45, 255, 111, 0.7) !important;
  background: var(--dig-accent) !important;
  color: #062012 !important;
  margin: 0 !important;
  flex: 1;
}
.dig-single-product button.wc-buy-now-btn:hover {
  opacity: 0.95;
}
.dig-single-product button.wc-buy-now-btn.disabled,
.dig-single-product button.wc-buy-now-btn.wc-variation-selection-needed {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

/* sr-only util */
.dig-single-product .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* =========================================================
   Tabs
   ========================================================= */
.dig-single-product .woocommerce-tabs {
  margin-top: 18px;
  border-top: 1px solid rgba(45, 255, 111, 0.18);
  padding-top: 8px;
}
.dig-single-product .woocommerce-tabs ul.tabs:before,
.dig-single-product .woocommerce-tabs ul.tabs:after,
.dig-single-product .woocommerce-tabs ul.tabs li:before,
.dig-single-product .woocommerce-tabs ul.tabs li:after {
  display: none !important;
  content: none !important;
}
.dig-single-product .woocommerce-tabs ul.tabs {
  display: flex !important;
  gap: 22px;
  padding: 0 !important;
  margin: 0 0 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.dig-single-product .woocommerce-tabs ul.tabs li {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.dig-single-product .woocommerce-tabs ul.tabs li a {
  color: rgba(245, 250, 246, 0.65) !important;
  padding: 12px 0 !important;
  font-weight: 900;
  display: inline-block;
  border-bottom: 2px solid transparent;
  text-decoration: none !important;
}
.dig-single-product .woocommerce-tabs ul.tabs li.active a {
  color: var(--dig-text) !important;
  border-bottom-color: rgba(45, 255, 111, 0.8);
}
.dig-single-product .woocommerce-Tabs-panel {
  color: var(--dig-muted);
  padding: 12px 0 2px;
}
.dig-single-product .woocommerce-Tabs-panel h1,
.dig-single-product .woocommerce-Tabs-panel h2,
.dig-single-product .woocommerce-Tabs-panel h3,
.dig-single-product .woocommerce-Tabs-panel h4 {
  color: var(--dig-text) !important;
}

/* =========================================================
   Related products
   ========================================================= */
.dig-single-product .related.products {
  margin-top: 28px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.dig-single-product .related.products > h2 {
  margin: 0 0 14px;
  color: var(--dig-text);
  font-size: 22px;
}
.dig-single-product .related.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 18px;
  margin: 0 !important;
  padding: 0 !important;
}
.dig-single-product .related.products ul.products li.product {
  position: relative;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 18px;
  padding: 14px;
}
.dig-single-product .related.products ul.products li.product a img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  aspect-ratio: 4 / 3;
  object-fit: cover;
}
.dig-single-product ul.products li.product .woocommerce-loop-product__title {
  color: rgba(245, 250, 246, 0.88);
  font-weight: 900;
  font-size: 16px;
  margin: 10px 0 6px;
}
.dig-single-product ul.products li.product .price {
  color: rgba(45, 255, 111, 0.95);
  font-weight: 900;
  margin-bottom: 10px;
}
.dig-single-product ul.products li.product .button {
  border-radius: 999px !important;
  height: 44px;
  padding: 0 16px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: rgba(245, 250, 246, 0.85) !important;
}
.dig-single-product ul.products li.product .button:hover {
  border-color: rgba(45, 255, 111, 0.35) !important;
  background: rgba(45, 255, 111, 0.1) !important;
}

/* related sale badge */
.dig-single-product ul.products li.product > span.onsale {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 5 !important;
  margin: 0 !important;
  background: rgba(45, 255, 111, 0.12) !important;
  border: 1px solid rgba(45, 255, 111, 0.35) !important;
  color: var(--dig-accent) !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;
  line-height: 1 !important;
}

/* =========================================================
   Skeleton shimmer (ringan, tidak ganggu layout)
   ========================================================= */
@keyframes digShimmer {
  0% {
    transform: translateX(-60%);
  }
  100% {
    transform: translateX(60%);
  }
}

.dig-single-product .dig-skel {
  position: relative;
}
.dig-single-product .dig-skel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.04);
}
.dig-single-product .dig-skel::before {
  content: "";
  position: absolute;
  inset: -30% -60%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  animation: digShimmer 1.2s infinite;
  opacity: 0.8;
}
.dig-single-product .dig-skel img {
  opacity: 0;
  transition: opacity 0.18s ease;
}
.dig-single-product .dig-skel.is-loaded::before,
.dig-single-product .dig-skel.is-loaded::after {
  display: none;
}
.dig-single-product .dig-skel.is-loaded img {
  opacity: 1;
}

/* =========================================================
   PATCH v2 — spacing + meta + variation card
   Paste di paling bawah CSS kamu
   ========================================================= */

/* 1) Rapetin jarak area variasi ke tombol */
.dig-single-product form.variations_form {
  margin-bottom: 0 !important;
}

/* biasanya Woo kasih margin-top/clear */
.dig-single-product .variations_button {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 2) Meta “Webinar / In Stock” biar gaya pill */
.dig-single-product .summary > .product_meta {
  margin: 0 0 10px !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  font-size: 14px;
}

/* category / posted_in jadi “Webinar” */
.dig-single-product .summary > .product_meta .posted_in {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.dig-single-product .summary > .product_meta .posted_in a {
  color: rgba(45, 255, 111, 0.95) !important;
  text-decoration: none !important;
  font-weight: 800;
}
.dig-single-product .summary > .product_meta .posted_in a:hover {
  text-decoration: underline !important;
}

/* Stock jadi pill */
.dig-single-product .summary p.stock {
  margin: 0 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--dig-muted) !important;
  font-size: 12px !important;
  font-weight: 800;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}
.dig-single-product .summary p.stock.in-stock {
  border-color: rgba(45, 255, 111, 0.35) !important;
  background: rgba(45, 255, 111, 0.1) !important;
  color: rgba(45, 255, 111, 0.95) !important;
}

/* kalau theme kamu bikin stock jadi block lebar, paksa inline */
.dig-single-product .summary p.stock,
.dig-single-product .summary .stock {
  width: auto !important;
}

/* 3) Variation card: benefit + harga rapi */
.dig-single-product .woocommerce-variation.single_variation {
  padding: 16px 16px 14px !important;
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.03);
}

/* rapihin deskripsi */
.dig-single-product .woocommerce-variation-description {
  margin: 0 !important;
  color: var(--dig-muted) !important;
  line-height: 1.7;
}

/* CSS-only “pseudo list” untuk <br>:
   - kita kecilin jarak antar baris biar terasa list
*/
.dig-single-product .woocommerce-variation-description p {
  margin: 0 !important;
  white-space: normal;
}
.dig-single-product .woocommerce-variation-description br {
  content: "";
  display: block;
  margin: 10px 0; /* jarak antar item */
}

/* bikin judul benefit lebih tegas (Offline Benefit:) */
.dig-single-product .woocommerce-variation-description p {
  font-size: 15px;
}
.dig-single-product .woocommerce-variation-description p strong {
  color: var(--dig-text) !important;
}

/* Harga di dalam card: align & spacing */
.dig-single-product .woocommerce-variation-price {
  margin-top: 14px !important;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.dig-single-product .woocommerce-variation-price .price {
  margin: 0 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}
.dig-single-product .woocommerce-variation-price del {
  margin-right: 10px;
}

.dig-single-product .reset_variations {
  margin-top: 8px !important;
}

/* 5) Bonus: biar tombol & qty nggak keliatan “terlalu turun” */
.dig-single-product .single_variation_wrap {
  width: 100%;
  display: grid;
  gap: 12px;
}
/* =========================================================
   META BAR (dig-sp-meta) — Webinar + In Stock
   ========================================================= */

.dig-single-product .dig-sp-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0 0 10px !important;
}

/* "Webinar" */
.dig-single-product .dig-sp-cat a {
  color: rgba(45, 255, 111, 0.95) !important;
  text-decoration: none !important;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: 0.2px;
}
.dig-single-product .dig-sp-cat a:hover {
  text-decoration: underline !important;
}

/* "In Stock" pill */
.dig-single-product .dig-sp-stock {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(245, 250, 246, 0.7);
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

/* state in-stock */
.dig-single-product .dig-sp-stock.is-in {
  border-color: rgba(45, 255, 111, 0.35);
  background: rgba(45, 255, 111, 0.1);
  color: rgba(45, 255, 111, 0.95);
}

/* optional: titik indikator */
.dig-single-product .dig-sp-stock.is-in::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(45, 255, 111, 0.95);
  margin-right: 8px;
  box-shadow: 0 0 0 3px rgba(45, 255, 111, 0.12);
}

.woocommerce div.product form.cart .variations {
  margin-bottom: 0px;
}

/* PRICE — simple: font + warna */
.dig-single-product .summary p.price {
  font-family:
    "Plus Jakarta Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif !important;
  color: rgba(245, 250, 246, 0.92) !important;
  font-weight: 700;
}

.dig-single-product .summary p.price .amount,
.dig-single-product .summary p.price ins {
  color: var(--dig-accent) !important;
}

.dig-single-product .summary p.price del {
  color: rgba(245, 250, 246, 0.45) !important;
  opacity: 1 !important;
}

.dig-single-product .summary p.price span[aria-hidden="true"] {
  color: rgba(245, 250, 246, 0.35) !important; /* tanda "–" */
}
/* ---------- 2) RATING STARS: jadi kuning ---------- */
.dig-single-product .woocommerce-product-rating .star-rating::before,
.dig-single-product .woocommerce-product-rating .star-rating span::before,
.dig-single-product #reviews .star-rating::before,
.dig-single-product #reviews .star-rating span::before {
  color: #f5c518 !important; /* kuning */
}

/* bintang input review */
.dig-single-product #review_form .stars a,
.dig-single-product #review_form .stars a::before {
  color: #f5c518 !important;
}

/* link "(1 ulasan pelanggan)" */
.dig-single-product .woocommerce-review-link {
  color: rgba(245, 250, 246, 0.62) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}
.dig-single-product .woocommerce-review-link:hover {
  color: rgba(245, 250, 246, 0.92) !important;
  text-decoration: underline !important;
}

/* ---------- 3) HARGA COREt (del) beda styling ---------- */
.dig-single-product .summary .price ins {
  font-size: 26px !important;
  font-weight: 900 !important;
}
.dig-single-product .summary .price del {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: rgba(245, 250, 246, 0.4) !important;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(245, 250, 246, 0.35);
  margin-right: 10px;
}

/* related price del juga */
.dig-single-product ul.products li.product .price del {
  color: rgba(245, 250, 246, 0.4) !important;
  font-weight: 800 !important;
}
.dig-single-product ul.products li.product .price ins {
  text-decoration: none !important;
  font-weight: 900 !important;
}

/* ---------- 4) TAB: hilangkan judul di panel (Deskripsi/Ulasan/Additional) ---------- */
.dig-single-product .woocommerce-Tabs-panel--description > h2,
.dig-single-product .woocommerce-Tabs-panel--reviews > h2,
.dig-single-product .woocommerce-Tabs-panel--additional_information > h2 {
  display: none !important;
}

/* ---------- 5) REVIEWS STYLING ---------- */
.dig-single-product #reviews {
  margin-top: 6px;
}

/* judul "1 ulasan untuk ..." */
.dig-single-product .woocommerce-Reviews-title {
  color: var(--dig-text) !important;
  font-size: clamp(22px, 2vw, 34px) !important;
  font-weight: 900 !important;
  margin: 10px 0 14px !important;
}

/* list ulasan */
.dig-single-product #reviews #comments ol.commentlist {
  margin: 0 !important;
  padding: 0 !important;
}
.dig-single-product #reviews #comments ol.commentlist li {
  list-style: none !important;
  margin: 0 0 14px !important;
}
.dig-single-product #reviews #comments .comment_container {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  border-radius: 16px !important;
  padding: 14px 16px !important;
}

/* avatar */
.dig-single-product #reviews #comments .comment_container img.avatar {
  border-radius: 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  position: static !important;
  margin-right: 4px !important;
}

/* teks */
.dig-single-product #reviews #comments .comment-text {
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: rgba(245, 250, 246, 0.7) !important;
}
.dig-single-product #reviews #comments .comment-text .meta {
  color: rgba(245, 250, 246, 0.55) !important;
  font-weight: 700 !important;
}

/* ---------- 6) FORM ULASAN ---------- */
.dig-single-product #review_form_wrapper {
  margin-top: 18px;
}
.dig-single-product #review_form .comment-reply-title {
  color: var(--dig-text) !important;
  font-weight: 900 !important;
}

.dig-single-product #review_form input[type="text"],
.dig-single-product #review_form input[type="email"],
.dig-single-product #review_form textarea {
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  color: var(--dig-text) !important;
  outline: none !important;
  padding: 12px 14px !important;
}

.dig-single-product #review_form textarea {
  min-height: 120px !important;
}

.dig-single-product #review_form input:focus,
.dig-single-product #review_form textarea:focus {
  border-color: rgba(45, 255, 111, 0.45) !important;
  box-shadow: 0 0 0 3px rgba(45, 255, 111, 0.16) !important;
}

/* tombol kirim */
.dig-single-product #review_form input.submit {
  border-radius: 999px !important;
  height: 44px !important;
  padding: 0 18px !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  color: rgba(245, 250, 246, 0.9) !important;
}
.dig-single-product #review_form input.submit:hover {
  border-color: rgba(45, 255, 111, 0.35) !important;
  background: rgba(45, 255, 111, 0.1) !important;
}

/* ---------- 7) RELATED PRODUCTS: lebih rapi + badge sale fix ---------- */
.dig-single-product .related.products ul.products li.product {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 14px !important;
}

.dig-single-product .related.products ul.products li.product a {
  text-decoration: none !important;
}

.dig-single-product .related.products ul.products li.product a img {
  aspect-ratio: 16/10 !important;
  object-fit: cover !important;
}

.dig-single-product ul.products li.product .woocommerce-loop-product__title {
  min-height: 44px; /* biar judul rata */
}

.dig-single-product ul.products li.product .price {
  margin: 0 0 8px !important;
}

/* tombol loop (tambah keranjang / buy now) jadi full width & rapi */
.dig-single-product ul.products li.product .button,
.dig-single-product ul.products li.product .wc-buy-now-btn,
.dig-single-product ul.products li.product a.button {
  width: 100% !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  height: 44px !important;
  margin: 0 !important;
}

/* kalau ada 2 tombol, kasih jarak */
.dig-single-product ul.products li.product .button + .button,
.dig-single-product ul.products li.product .button + .wc-buy-now-btn,
.dig-single-product ul.products li.product .wc-buy-now-btn + .button {
  margin-top: 10px !important;
}

/* SALE badge: jangan bergantung direct-child (theme kadang taro dalam <a>) */
.dig-single-product ul.products li.product span.onsale {
  position: absolute !important;
  top: 18px !important;
  right: auto !important;
  min-width: 0;
  min-height: 0;
  left: 18px !important;
  z-index: 8 !important;
  margin: 0 !important;

  border-radius: 999px !important;
  padding: 7px 10px !important;
  line-height: 1 !important;

  background: rgba(45, 255, 111, 0.5) !important;
  border: 1px solid rgba(45, 255, 111, 0.35) !important;
  color: #fff !important;
}
.related .products ul::after,
.related .products ul::before,
.related ul.products::after,
.related ul.products::before,
.dig-sp-top form.cart::after,
.dig-sp-top form.cart::before {
  display: none !important;
}
/* Hide qty controls for virtual/downloadable product */
.dig-single-product.dig-product-virtual .quantity.dig-qty,
.dig-single-product.dig-product-virtual form.cart .quantity,
.dig-single-product.dig-product-virtual
  .woocommerce-variation-add-to-cart
  .quantity {
  display: none !important;
}

/* rapihin spacing setelah qty hilang */
.dig-single-product.dig-product-virtual form.cart,
.dig-single-product.dig-product-virtual .woocommerce-variation-add-to-cart {
  gap: 12px !important;
}