/* ==============================
   Woo Cart: Products left, Totals right
   ============================== */
@media (min-width: 992px){

  /* Make the cart page a 2-column flex layout */
  .woocommerce-cart .woocommerce{
    display: flex;
    align-items: flex-start;
    gap: 32px;
  }

  /* Left column: cart form (products list) */
  .woocommerce-cart .woocommerce > .woocommerce-cart-form{
    flex: 1 1 auto;
    min-width: 0; /* prevents overflow pushing totals down */
  }

  /* Right column: totals + proceed to checkout */
  .woocommerce-cart .woocommerce > .cart-collaterals{
    flex: 0 0 380px;          /* adjust width if you want */
    max-width: 380px;
    width: 380px;
    margin: 0 !important;
  }

  /* Ensure totals box doesn’t expand full width */
  .woocommerce-cart .cart-collaterals .cart_totals{
    width: 100% !important;
    float: none !important;
    clear: none !important;
  }

  /* Optional: keep totals visible while scrolling */
  .woocommerce-cart .cart-collaterals{
    position: sticky;
    top: 110px;               /* adjust to your header height */
  }
}

/* Mobile/tablet: stack as default */
@media (max-width: 991px){
  .woocommerce-cart .woocommerce{
    display: block;
  }
  .woocommerce-cart .cart-collaterals{
    position: static;
    max-width: 100%;
    width: 100%;
  }
} 
/* ==============================
   Woo Cart: Products left, Totals right
   ============================== */

/* === Media Queries ====  */
@media (max-width:1199px){
	.product_tab_layers .jet-tabs__control-wrapper .jet-tabs__control{
		margin-bottom:-30px;
	}
}
@media (max-width:1024px){
	.pewc-radio-images-wrapper.pewc-columns-4 .pewc-radio-image-wrapper{
		width:48%;
	}
	.pewc-radio-image-wrapper label img, .pewc-checkbox-image-wrapper label img{
		width:100%;
	}
}


	.product_tab_layers .jet-tabs__control-wrapper > .jet-tabs__control .jet-tabs__label-text{
		width:20px;
		height:20px;
		font-size:12px;
	}
}

.ts-product-brand-wrapper .meta-wrapper h3, .ts-tiny-cart-wrapper .total, .widget_shopping_cart .total, .elementor-widget-wp-widget-woocommerce_widget_cart .total {
    font-size:var(--nooni-h6-font-size)
}

a {
    color: rgba(2, 29, 174, 1);

}


.woocommerce div.product .summary > .ts-variation-price, .woocommerce div.product .summary p.price, .woocommerce div.product .summary span.price {
    font-size: 20px;
    line-height: 1;
}


/* =====================================================
   LUXE – FINAL COLOR ROW (SHOW TOP SWATCHES ONLY)
   Keeps SIZE row untouched
===================================================== */

/* Target ONLY color row */
.woocommerce div.product form.cart .variations tr:has(#pa_color) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* Label */
.woocommerce div.product form.cart .variations tr:has(#pa_color) th.label {
    width: 100% !important;
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
}

/* Value cell */
.woocommerce div.product form.cart .variations tr:has(#pa_color) td.value {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ❌ Kill lower plugin swatches */
.woocommerce div.product form.cart .variations tr:has(#pa_color) 
.wcsvfs-swatches {
    display: none !important;
}

/* ✅ Force top swatches visible */
.woocommerce div.product form.cart .variations tr:has(#pa_color) 
.variation-selector,
.woocommerce div.product form.cart .variations tr:has(#pa_color) 
.ts-product-attribute {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    margin-top: 4px !important;
    padding: 0 !important;
}

/* Swatch spacing */
.woocommerce div.product form.cart .variations tr:has(#pa_color) 
.ts-product-attribute .option {
    margin: 0 !important;
}

/* Reduce gap before next section */
.woocommerce div.product form.cart .variations tr:has(#pa_color) + tr {
    margin-top: 6px !important;
}
/* =====================================================
   LUXE – TIGHTEN SIZE ROW (Size selector + Size guide)
===================================================== */

/* Reduce padding inside SIZE row */
.woocommerce div.product form.cart .variations tr:has(#pa_size) th.label,
.woocommerce div.product form.cart .variations tr:has(#pa_size) td.value {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* Pull Size Guide closer to selector */
.woocommerce div.product form.cart .variations tr:has(#pa_size) 
.ts-product-size-chart-button {
    margin-top: 4px !important;
    margin-bottom: 2px !important;
    display: inline-block;
}

/* Remove hidden theme spacing under size row */
.woocommerce div.product form.cart .variations tr:has(#pa_size) {
    margin-bottom: 6px !important;
}
/* =================================================
   LUXE — FINAL SIZE ROW CLEANUP
   - Hide "SIZE : Double 135 x 190 cm"
   - Keep Size Guide visible
   - Force Size Guide to the RIGHT
================================================= */

/* ❌ Hide only the "SIZE : …" text (not the whole row) */
.woocommerce div.product form.cart .variations tr:has(#pa_size) th.label {
    display: none !important;
}

/* ✅ Keep Size Guide visible and push it right */
.woocommerce div.product form.cart .variations tr:has(#pa_size) td.value {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding-top: 4px !important;
}

/* ✅ Size Guide styling – never center */
.woocommerce div.product form.cart .variations tr:has(#pa_size) 
.ts-product-size-chart-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: auto !important;
}

/* ❌ Ensure size buttons never come back */
.woocommerce div.product form.cart .variations tr:has(#pa_size)
.ts-product-attribute,
.woocommerce div.product form.cart .variations tr:has(#pa_size)
.variation-selector,
.woocommerce div.product form.cart .variations tr:has(#pa_size)
.wcsvfs-swatches,
.woocommerce div.product form.cart .variations tr:has(#pa_size)
select {
    display: none !important;
}
/* =========================================
   FIX: Header covering PhotoSwipe lightbox
   ========================================= */

/* Force PhotoSwipe above header */
.pswp {
    z-index: 999999 !important;
}

/* Ensure header stays below lightbox */
header,
.site-header,
.elementor-location-header,
#masthead {
    z-index: 1000;
}

/* Optional: prevent header interaction while gallery open */
.pswp--open ~ header {
    pointer-events: none;
}