.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   GLOBAL BACKGROUND
========================= */
body,
.elementor-page,
.elementor {
  background-color: #000000 !important;
  padding-top: 0px !important;
}

.woocommerce-product-gallery {
  opacity: 1 !important;
}


/* =========================
   STACK LABEL ABOVE SWATCHES & REMOVE BOTTOM SPACING
========================= */
table.variations {
  width: 100% !important;
  border: none !important;
  margin-bottom: 0 !important; /* Removed spacing between swatches and cart */
  padding-bottom: 0 !important;
}

table.variations tr {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  border: none !important;
  margin-bottom: 10px !important; /* Small gap if you have multiple options like Size AND Color */
  width: 100% !important;
}

table.variations tr:last-child {
  margin-bottom: 0 !important; /* Removes gap strictly after the last swatch row */
}

table.variations td.label,
table.variations td.value {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  text-align: left !important;
}

table.variations td.label {
  margin-bottom: 10px !important;
}

table.variations td.value {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove spacing from the variation wrap container */
.single_variation_wrap,
.woocommerce-variation-add-to-cart {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* =========================
   SWATCH WRAPPER — INLINE
========================= */
.variable-items-wrapper {
  --wp--preset--color--contrast: #ffffff !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  list-style: none !important;
}

.variable-items-wrapper .variable-item-span-button {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}


/* =========================
   REMOVE WHITE BACKGROUND
========================= */
.variable-item,
.variable-item *,
.variable-item-contents {
  background: transparent !important;
  box-shadow: none !important;
}

.variable-item::before,
.variable-item::after {
  display: none !important;
}


/* =========================
   SWATCH BUTTON DESIGN — INLINE
========================= */
.variable-item {
  border: 1px solid #2a2a2a !important;
  border-radius: 50px !important;
  padding: 8px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  min-width: auto !important;
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}

/* Hover */
.variable-item:hover {
  border-color: #B49764 !important;
}

/* Active / Selected */
.variable-item.selected,
.variable-item[aria-checked="true"] {
  border-color: #B49764 !important;
}

/* Disabled / Out of stock */
.variable-item.disabled,
.variable-item[aria-disabled="true"] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
}


/* =========================
   RESET VARIATIONS LINK
========================= */
.reset_variations {
  display: block !important;
  width: 100% !important;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  text-align: left !important;
  color: #ffffff !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

.reset_variations:hover {
  color: #B49764 !important;
}


/* =========================
   PRICE WHITE
========================= */
.price,
.price *,
.woocommerce-variation-price,
.woocommerce-variation-price *,
.woocommerce-variation-price .price,
.woocommerce-variation-price .amount {
  color: #ffffff !important;
}


/* =========================
   QUANTITY WHITE
========================= */
.quantity {
  display: flex !important;
  align-items: center !important;
}

.quantity input.qty {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 50px !important;
  padding: 10px 16px !important;
  text-align: center !important;
  width: 70px !important;
  -moz-appearance: textfield !important;
}

.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Quantity buttons (if visible) */
.quantity .minus,
.quantity .plus {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.quantity .minus:hover,
.quantity .plus:hover {
  border-color: #B49764 !important;
  color: #B49764 !important;
}


/* =========================
   VARIATION DESCRIPTION
========================= */
.woocommerce-variation-description,
.woocommerce-variation-description p {
  color: #ffffff !important;
  font-size: 14px !important;
  margin-bottom: 10px !important; /* Reduced gap */
}


/* =========================
   STOCK STATUS
========================= */
.woocommerce-variation-availability .stock {
  color: #ffffff !important;
  font-size: 13px !important;
}

.woocommerce-variation-availability .stock.in-stock {
  color: #4CAF50 !important;
}

.woocommerce-variation-availability .stock.out-of-stock {
  color: #f44336 !important;
}


/* =========================
   MOBILE RESPONSIVE
========================= */
@media (max-width: 768px) {
  .variable-item {
    padding: 6px 12px !important;
    font-size: 11px !important;
  }

  .quantity input.qty {
    padding: 8px 12px !important;
    width: 60px !important;
  }
}


/* =========================
   FIX FOR ELEMENTOR CONTAINER
========================= */
.elementor-widget-woocommerce-product-add-to-cart,
.elementor-widget-woocommerce-product-add-to-cart .elementor-widget-container {
  width: 100% !important;
}

.elementor-widget-woocommerce-product-add-to-cart form.cart {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.elementor-widget-woocommerce-product-add-to-cart .variations {
  width: 100% !important;
  margin-bottom: 0 !important; /* Removed Elementor's default spacing */
}


/* =========================
   REMOVE ANY RESIDUAL CENTERING
========================= */
.variations_form,
.variations_form .variations,
.variations_form .variations tbody,
.variations_form .variations tr,
.variations_form .variations td {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}/* End custom CSS */