/* ==========================================================================
   Reskins WooCommerce's DEFAULT cart / checkout / my-account markup so it
   matches the VASTRA design without touching WooCommerce's own PHP logic
   (keeps coupons, shipping, tax, AJAX and payment gateways fully working).
   ========================================================================== */

.woocommerce, .woocommerce-page{max-width:1300px; margin:16px auto; padding:0 20px;}
ul.products{display:grid; grid-template-columns:repeat(5,1fr); gap:14px; list-style:none; margin:0; padding:0;}
ul.products li.product, ul.products div.product{list-style:none;}
@media (max-width:900px){ ul.products{grid-template-columns:repeat(2,1fr);} }
.woocommerce-notices-wrapper{max-width:1300px; margin:16px auto 0; padding:0 20px;}
.woocommerce-message, .woocommerce-info{background:#e7f5ef; color:var(--success); border:none; padding:12px 16px; border-radius:4px; list-style:none; margin-bottom:14px;}
.woocommerce-error{background:#fdecea; color:var(--price); border:none; padding:12px 16px; border-radius:4px; list-style:none; margin-bottom:14px;}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button{border-radius:20px; padding:9px 18px; font-size:13px; background:linear-gradient(to bottom,#F5D78E,var(--amz-yellow2)); border:1px solid #a5580a; color:#0F1111;}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #place_order{background:linear-gradient(to bottom,#F5D78E,var(--amz-yellow2)); border:1px solid #a5580a; color:#0F1111; border-radius:20px;}

/* ---- Cart page ---- */
.woocommerce-cart-form{background:#fff; padding:20px 24px; border-radius:2px;}
.woocommerce-cart-form table.shop_table{border:none; width:100%; border-collapse:collapse;}
.woocommerce-cart-form table.shop_table th{border:none; border-bottom:1px solid var(--border); padding:10px 0; font-size:12px; text-transform:uppercase; color:var(--text-light); text-align:left;}
.woocommerce-cart-form table.shop_table td{border:none; border-bottom:1px solid var(--border); padding:16px 8px; vertical-align:middle;}
.woocommerce-cart-form .product-thumbnail img{width:80px; border-radius:2px;}
.woocommerce-cart-form .product-name a{color:var(--link); font-weight:500;}
.woocommerce-cart-form .quantity input.qty{width:56px; padding:8px; border:1px solid var(--border); border-radius:20px; text-align:center;}
.woocommerce-cart-form .product-remove a{color:var(--price); font-size:18px;}
.cart-collaterals{margin-top:16px;}
.cart_totals{background:#fff; padding:20px; border-radius:8px; max-width:420px; margin-left:auto;}
.cart_totals h2{font-size:18px; margin-bottom:14px;}
.cart_totals table{width:100%;}
.cart_totals table td, .cart_totals table th{border:none; border-bottom:1px solid var(--border); padding:10px 0; font-size:13px;}
.cart_totals .order-total .amount{color:var(--price); font-weight:700; font-size:16px;}
.wc-proceed-to-checkout a.checkout-button{width:100%; text-align:center; display:block; margin-top:14px; padding:12px; font-size:14px;}
.woocommerce-shipping-calculator{font-size:12px; margin-top:10px;}
.coupon{display:flex; gap:8px; align-items:center; margin-top:10px; flex-wrap:wrap;}
.coupon input#coupon_code{border:1px solid var(--border); padding:9px 10px; border-radius:6px; font-size:12px;}

/* ---- Checkout page ---- */
.woocommerce-checkout .col2-set, .woocommerce-checkout #customer_details{width:100%;}
.woocommerce-checkout h3{font-size:16px; margin:0 0 14px;}
.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields{background:#fff; padding:20px; border-radius:2px; margin-bottom:14px;}
.woocommerce-checkout .form-row{margin-bottom:14px;}
.woocommerce-checkout .form-row label{display:block; font-size:12px; font-weight:600; margin-bottom:5px;}
.woocommerce-checkout .form-row input, .woocommerce-checkout .form-row select, .woocommerce-checkout .form-row textarea{width:100%; padding:9px 10px; border:1px solid #888; border-radius:4px; font-size:13px;}
#order_review, #order_review_heading{background:#fff; padding:20px; border-radius:2px;}
#order_review table.shop_table{width:100%;}
#order_review table.shop_table th, #order_review table.shop_table td{border:none; border-bottom:1px solid var(--border); padding:10px 0; font-size:13px;}
#order_review .order-total .amount{color:var(--price); font-weight:700; font-size:16px;}
ul.wc_payment_methods{list-style:none; margin:14px 0; padding:0;}
ul.wc_payment_methods li.wc_payment_method{border:1px solid var(--border); border-radius:6px; padding:12px; margin-bottom:8px;}
ul.wc_payment_methods li.wc_payment_method label{font-size:13px; font-weight:600;}
.payment_box{font-size:12px; color:var(--text-light); margin-top:8px;}
#place_order{width:100%; padding:12px; font-size:14px; margin-top:10px;}

/* ---- My Account ---- */
.woocommerce-MyAccount-navigation{background:#fff; padding:18px; border-radius:2px;}
.woocommerce-MyAccount-navigation ul{margin:0;}
.woocommerce-MyAccount-navigation li{margin-bottom:2px;}
.woocommerce-MyAccount-navigation li a{display:block; padding:9px 10px; font-size:13px; border-radius:4px; color:var(--text);}
.woocommerce-MyAccount-navigation li.is-active a{background:#F0F2F2; font-weight:700;}
.woocommerce-MyAccount-content{background:#fff; padding:20px; border-radius:2px;}
.woocommerce-account .woocommerce{display:grid; grid-template-columns:240px 1fr; gap:16px; align-items:start;}
table.woocommerce-orders-table{width:100%; border-collapse:collapse;}
table.woocommerce-orders-table th{text-align:left; font-size:11px; text-transform:uppercase; color:var(--text-light); border-bottom:1px solid var(--border); padding:10px 6px;}
table.woocommerce-orders-table td{border-bottom:1px solid var(--border); padding:14px 6px; font-size:13px;}
.woocommerce-orders-table__cell-order-status{font-weight:700;}
mark.order-status{background:none; color:var(--success); font-weight:700;}
.woocommerce-MyAccount-content form .form-row{margin-bottom:14px;}
.woocommerce-MyAccount-content form input, .woocommerce-MyAccount-content form select, .woocommerce-MyAccount-content form textarea{width:100%; padding:9px 10px; border:1px solid #888; border-radius:4px; font-size:13px;}
.woocommerce-MyAccount-content form label{display:block; font-size:12px; font-weight:600; margin-bottom:5px;}

@media (max-width:900px){
  .woocommerce-account .woocommerce{grid-template-columns:1fr;}
  .woocommerce-checkout .col2-set{display:block;}
}