/* Sbaya Mobile — critical bug fixes, live unconditionally (not gated).
   v2: v1 misdiagnosed the cart totals bug. It was never white-on-white —
   .e-cart-totals (== .e-cart-section on that element) has its OWN
   background:#000000 and border:#FFFFFF2B declared directly by Elementor
   on the element itself, which beats any !important set on an ancestor
   (.elementor-widget-woocommerce-cart). v1 forced the text to near-black
   without touching that background, producing #0F1115 on #000000 —
   1.11:1, worse than the original white-on-black 21:1. Fixed by owning
   BOTH the background and the text color on the actual element. */

.elementor-widget-woocommerce-cart{
  --links-normal-color:#0F1115 !important;
  --links-hover-color:#29ABE2 !important;
  --product-link-normal-color:#0F1115 !important;
}
.elementor-widget-woocommerce-cart .woocommerce td.product-name a:not(.remove){
  color:#0F1115 !important; font-weight:600 !important;
}
.elementor-widget-woocommerce-cart .woocommerce td.product-name a:not(.remove):hover{
  color:#29ABE2 !important;
}

/* The actual cart totals card — target the real element directly,
   background AND text together, not a variable on an ancestor. */
.elementor-widget-woocommerce-cart .e-cart-totals{
  background-color:#FFFFFF !important;
  border-color:#E5E6EC !important;
}
.elementor-widget-woocommerce-cart .e-cart-totals table.shop_table td .woocommerce-Price-amount,
.elementor-widget-woocommerce-cart .e-cart-totals table.shop_table th{
  color:#0F1115 !important;
}
.elementor-widget-woocommerce-cart .e-cart-totals table.shop_table tr.order-total td .woocommerce-Price-amount{
  color:#0F1115 !important; font-weight:800 !important; font-size:clamp(24px,2.4vw,30px) !important;
}

/* Other cart sections (items table, coupon box) — same direct-element
   approach rather than an ancestor variable, to avoid repeating the
   same inheritance mistake anywhere else. */
.elementor-widget-woocommerce-cart .e-cart-section{
  background-color:#FFFFFF !important;
  border-color:#E5E6EC !important;
}

/* Hide the empty, unlabelled "Update cart" button row — was gated
   behind commerce-skin.css only, so live customers still saw it. */
.elementor-widget-woocommerce-cart tr:has(td.actions){ display:none !important; }

.elementor-widget-woocommerce-checkout-page{
  --totals-color:#0F1115 !important;
  --sections-border-color:#E5E6EC !important;
  --sections-radio-buttons-color:#0F1115 !important;
}
.elementor-widget-woocommerce-checkout-page .woocommerce table.shop_table .woocommerce-Price-amount,
.elementor-widget-woocommerce-checkout-page .woocommerce table.shop_table th{
  color:#0F1115 !important;
}
.elementor-widget-woocommerce-checkout-page .order-total .woocommerce-Price-amount{
  color:#0F1115 !important; font-weight:800 !important; font-size:clamp(24px,2.4vw,30px) !important;
}

/* 30-day wait acknowledgement copy fix note: the actual field text
   ("I Acknowledge That I Might Wait 3 Weeks...") is stored in a
   plugin/theme setting, not CSS — fixed separately via direct edit,
   see sbaya-checkout-copy-fix.php. */

/* "Proceed to Checkout" button was rendering flat blue, not the brand
   gradient — Astra's own theme CSS (.woocommerce a.button.alt) also
   carries !important and was winning the specificity tie against the
   skin's rule. Maximum practical specificity here to guarantee it wins
   regardless of what else loads. */
.elementor-widget-woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button,
.elementor-widget-woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button.alt,
.elementor-widget-woocommerce-cart a.checkout-button{
  background:linear-gradient(100deg,#49E0FF,#29ABE2) !important;
  background-color:transparent !important;
  color:#02141F !important;
}
.elementor-widget-woocommerce-cart .wc-proceed-to-checkout a.checkout-button.button:hover,
.elementor-widget-woocommerce-cart a.checkout-button:hover{
  background:linear-gradient(100deg,#49E0FF,#29ABE2) !important;
  filter:brightness(1.1) !important;
}