/******************************************
 YAKSTACK – PRODUCT PAGE CLEANUP (FINAL)
 STAX THEME / WC SAFE
******************************************/

/* ---------------------------------------
   VARIATION TABLE CLEANUP
--------------------------------------- */

/* Kill table layout */
.single-product .variations_form table.variations,
.single-product .variations_form tbody,
.single-product .variations_form tr {
  display: block !important;
  width: 100% !important;
}

/* Remove left label column */
.single-product .variations_form th.label,
.single-product .variations_form td.label {
  display: none !important;
}

/* Make value column full width */
.single-product .variations_form th.value,
.single-product .variations_form td.value {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Hide native dropdown */
.single-product .variations_form select {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  pointer-events: none !important;
}

/* ---------------------------------------
   REMOVE CLEAR + QTY
--------------------------------------- */

.single-product .reset_variations,
.single-product a.reset_variations,
.single-product form.cart .quantity,
.single-product form.cart input.qty {
  display: none !important;
}

/* ---------------------------------------
   DIVIDER FIX (DOUBLE LINE ISSUE)
--------------------------------------- */

/* Remove extra dividers */
.single-product .summary hr,
.single-product .summary .elementor-divider,
.single-product .summary .wp-block-separator {
  display: none !important;
}

/* ---------------------------------------
   PILL WRAPPER SPACING
--------------------------------------- */

.yk-variation-pills {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 4px !important;
  margin-bottom: 10px !important;
  width: 100%;
}

/* ---------------------------------------
   PILL STYLING
--------------------------------------- */

.yk-variation-pill {
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  padding: 8px 20px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-weight: 700;
  background: #ffffff;
  color: #374151;
  cursor: pointer;
  transition: all 0.15s ease;
}

/* Hover */
.yk-variation-pill:hover {
  border-color: #fb923c;
}

/* Active (NO GLOW) */
.yk-variation-pill.is-active {
  background: linear-gradient(135deg, #fb923c, #f43f5e);
  color: #ffffff;
  border: 2px solid #f43f5e;
  box-shadow: none !important;
}

/* ---------------------------------------
   DESCRIPTION + PRICE SPACING
--------------------------------------- */

.single-product .woocommerce-variation-description {
  margin-top: 6px !important;
  margin-bottom: 10px !important;
  max-width: 42rem;
}

.single-product .woocommerce-variation-price {
  margin-top: 6px !important;
  margin-bottom: 12px !important;
}

.single-product .woocommerce-variation-price .price {
  font-size: 1.55rem !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

/* ---------------------------------------
   ADD TO CART BUTTON
--------------------------------------- */

.single-product .single_add_to_cart_button {
  width: 100% !important;
  margin-top: 6px !important;
  padding: 16px 18px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  border-radius: 16px !important;
}

/* ---------------------------------------
   MOBILE TIGHTENING
--------------------------------------- */

@media (max-width: 768px) {
  .yk-variation-pills {
    margin-top: 2px !important;
    margin-bottom: 8px !important;
  }

  .single-product .woocommerce-variation-description {
    margin-top: 4px !important;
  }

  .single-product .woocommerce-variation-price {
    margin-bottom: 10px !important;
  }

  .single-product .single_add_to_cart_button {
    padding: 18px !important;
  }
}