/* ==========================================================================
   Namma Udupu — WooCommerce screens (cart, checkout, account, order tracking)
   Dark eggplant + gold + magenta, matching the rest of the theme.
   ========================================================================== */

.woocommerce, .woocommerce-page { color: var(--color-fg); }
.woocommerce a { color: var(--color-maroon); }
.woocommerce a:hover { color: var(--color-gold-light); }

/* ---- Notices ---- */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  list-style: none; margin: 0 0 1.5rem; padding: 1rem 1.25rem;
  border: 1px solid var(--color-border); border-left: 3px solid var(--color-gold);
  background: var(--color-bg-alt); font-size: .875rem; color: var(--color-fg);
}
.woocommerce-error { border-left-color: var(--color-maroon); }
.woocommerce-message .button, .woocommerce-info .button { float: right; margin-left: 1rem; }

/* ---- Buttons ---- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.checkout-button, .woocommerce #place_order {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem; cursor: pointer;
  background: linear-gradient(135deg, var(--color-maroon-dark), var(--color-maroon)); color: #fff;
  font-size: .78rem; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
  padding: .95rem 2rem; border-radius: 2px; border: 0; transition: filter .35s;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.checkout-button:hover, .woocommerce #place_order:hover { filter: brightness(1.12); color: #fff; }
.woocommerce button.button:disabled, .woocommerce button.button.disabled { opacity: .5; cursor: not-allowed; }
.woocommerce a.button.alt, .woocommerce button.button.alt { background: linear-gradient(135deg, var(--color-maroon-dark), var(--color-maroon)); }
.woocommerce #place_order { width: 100%; padding: 1.1rem 2rem; }

/* ---- Forms ---- */
.woocommerce form .form-row { margin: 0 0 1.1rem; }
.woocommerce form .form-row label { display: block; font-size: .75rem; color: var(--color-muted); margin-bottom: .35rem; }
.woocommerce form .form-row .required { color: var(--color-maroon); text-decoration: none; }
.woocommerce input[type="text"], .woocommerce input[type="email"], .woocommerce input[type="tel"], .woocommerce input[type="password"],
.woocommerce input[type="number"], .woocommerce textarea, .woocommerce select, .woocommerce .select2-selection {
  width: 100%; background: var(--color-surface); color: var(--color-fg);
  border: 1px solid var(--color-border); padding: .7rem .9rem; font-size: .875rem; border-radius: 0;
}
.woocommerce input:focus, .woocommerce textarea:focus, .woocommerce select:focus { outline: none; border-color: var(--color-maroon); }
.woocommerce .select2-container--default .select2-selection--single { height: auto; background: var(--color-surface); border-color: var(--color-border); }
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--color-fg); padding: 0; line-height: 1.5; }
.select2-dropdown { background: var(--color-surface); color: var(--color-fg); border-color: var(--color-border); }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--color-maroon); }
.select2-container--default .select2-search--dropdown .select2-search__field { background: var(--color-bg); color: var(--color-fg); }
.woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 48.5%; float: left; }
.woocommerce form .form-row-last { float: right; }
.woocommerce form .form-row-wide { clear: both; }
@media (max-width: 640px) { .woocommerce form .form-row-first, .woocommerce form .form-row-last { width: 100%; float: none; } }

/* ---- Tables (cart, order review, orders) ---- */
.woocommerce table.shop_table { width: 100%; border: 1px solid var(--color-border); border-collapse: collapse; margin-bottom: 1.5rem; font-size: .875rem; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { padding: 1rem; border-top: 1px solid var(--color-border); text-align: left; vertical-align: middle; }
.woocommerce table.shop_table thead th { font-size: .7rem; letter-spacing: .18em; text-transform: uppercase; color: var(--color-gold); border-top: 0; }
.woocommerce table.shop_table td.product-thumbnail img { width: 72px; height: auto; }
.woocommerce table.shop_table td.product-name a { font-family: var(--font-display); font-size: 1.1rem; color: var(--color-fg); }
.woocommerce a.remove { color: var(--color-muted) !important; font-size: 1.4rem; text-decoration: none; }
.woocommerce a.remove:hover { color: var(--color-maroon) !important; background: transparent; }
.woocommerce .quantity .qty { width: 4.5rem; text-align: center; }
.woocommerce td.actions .coupon { display: none; } /* offers are switched off site-wide */

/* ---- Cart totals / checkout layout ---- */
.woocommerce .cart-collaterals { display: flex; justify-content: flex-end; }
.woocommerce .cart_totals { width: 100%; max-width: 26rem; }
.woocommerce .cart_totals h2, .woocommerce-checkout h3, #order_review_heading { font-family: var(--font-display); font-size: 1.5rem; margin-bottom: 1rem; color: var(--color-fg); }
.woocommerce-checkout form.checkout { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
@media (min-width: 1024px) { .woocommerce-checkout form.checkout { grid-template-columns: 1.15fr 1fr; align-items: start; } .woocommerce-checkout #order_review_heading { grid-column: 2; } }
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; }
.woocommerce-checkout #order_review { background: var(--color-bg-alt); border: 1px solid var(--color-border); padding: 1.5rem; }
.woocommerce-checkout #payment { background: transparent; }
.woocommerce-checkout #payment ul.payment_methods { list-style: none; padding: 0; margin: 0 0 1rem; border-bottom: 1px solid var(--color-border); }
.woocommerce-checkout #payment ul.payment_methods li { padding: .9rem 0; border-top: 1px solid var(--color-border); font-size: .875rem; }
.woocommerce-checkout #payment ul.payment_methods li label { display: inline; font-size: .9rem; color: var(--color-fg); }
.woocommerce-checkout #payment div.payment_box { background: var(--color-surface); padding: .9rem 1rem; margin-top: .75rem; font-size: .8rem; color: var(--color-muted); }
.woocommerce-checkout #payment .place-order { padding-top: .5rem; }
.woocommerce-privacy-policy-text { font-size: .75rem; color: var(--color-muted); margin-bottom: 1rem; }
.woocommerce-checkout .woocommerce-form-coupon-toggle { display: none; }

/* ---- My account ---- */
.woocommerce-account .woocommerce { display: grid; gap: 2rem; }
@media (min-width: 900px) { .woocommerce-account .woocommerce { grid-template-columns: 14rem 1fr; } }
.woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0; border: 1px solid var(--color-border); }
.woocommerce-MyAccount-navigation li a { display: block; padding: .8rem 1rem; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; color: var(--color-muted); border-top: 1px solid var(--color-border); }
.woocommerce-MyAccount-navigation li:first-child a { border-top: 0; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover { color: var(--color-gold-light); background: var(--color-bg-alt); }
.woocommerce form.login, .woocommerce form.register { border: 1px solid var(--color-border); padding: 1.5rem; max-width: 28rem; }

/* ---- Order tracking page ---- */
.nu-track form.track_order p:first-child { color: var(--color-muted); font-size: .85rem; margin-bottom: 1.25rem; }
.nu-track .form-row-first, .nu-track .form-row-last { width: 100%; float: none; }
.nu-track .button { width: 100%; }

/* ---- Order received ---- */
.woocommerce-order-overview { list-style: none; padding: 0; display: grid; gap: .75rem; margin: 1.5rem 0; font-size: .85rem; color: var(--color-muted); }
.woocommerce-order-overview strong { display: block; color: var(--color-fg); }
.woocommerce-thankyou-order-received { font-family: var(--font-display); font-size: 1.5rem; margin-bottom: 1rem; }
.woocommerce-column--billing-address, .woocommerce-column--shipping-address { font-size: .875rem; color: var(--color-muted); }