/**
 * SuperSquare Storefront — Cart & Checkout Styles (NEEMROZ)
 *
 * Implements 2-column commercial cart UI, sticky totals summary,
 * 2-column modern checkout UI, and native WooCommerce payment method styling.
 *
 * @package SuperSquare_Storefront
 */

body.woocommerce-cart,body.woocommerce-checkout{background:var(--ssq-cream)}
.ssq-wc-portal-page{padding-block:clamp(1.5rem,4vw,3.5rem)}
.woocommerce-cart .entry-title,.woocommerce-checkout .entry-title{margin-bottom:clamp(1.1rem,3vw,1.75rem);color:var(--ssq-espresso);font-family:var(--ssq-font-heading);font-size:clamp(1.65rem,3.6vw,2.35rem);font-weight:600;letter-spacing:-.01em}
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce{max-width:1240px;margin-inline:auto}

/* ==========================================================================
   Dedicated Cart UI
   ========================================================================== */
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:flex-start;gap:clamp(1.25rem,3vw,2.25rem)}

.woocommerce-cart table.shop_table{width:100%;background:var(--ssq-surface);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-lg);border-collapse:collapse;box-shadow:var(--ssq-shadow-sm);overflow:hidden}
.woocommerce-cart table.shop_table th{padding:.9rem 1rem;color:var(--ssq-text-secondary);background:var(--ssq-cream);border-bottom:1px solid var(--ssq-border);font-size:.8125rem;font-weight:750;letter-spacing:.05em;text-align:left;text-transform:uppercase}
.woocommerce-cart table.shop_table td{padding:1.15rem 1rem;color:var(--ssq-espresso);border-bottom:1px solid var(--ssq-border);vertical-align:middle}

.woocommerce-cart .product-thumbnail{width:96px}
.woocommerce-cart .product-thumbnail img{display:block;width:76px;height:76px;padding:4px;object-fit:contain;background:var(--ssq-gradient-cream);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-md)}

.woocommerce-cart .product-name a{color:var(--ssq-espresso);font-size:.9375rem;font-weight:650}
.woocommerce-cart .product-name a:hover{color:var(--ssq-terracotta-dark)}
.woocommerce-cart .product-name dl.variation{margin:.35rem 0 0;color:var(--ssq-text-muted);font-size:.75rem}
.woocommerce-cart .product-price{color:var(--ssq-text-muted);font-weight:700;font-size:.9rem}
.woocommerce-cart .product-subtotal{color:var(--ssq-espresso);font-weight:750;font-size:.9375rem}

/* Remove: small icon-led destructive action, not a large button */
.woocommerce-cart .product-remove a.remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--ssq-danger);background:rgba(166,62,70,.08);border-radius:var(--ssq-radius-full);font-size:1.1rem;text-decoration:none;transition:background var(--ssq-transition-fast),color var(--ssq-transition-fast)}
.woocommerce-cart .product-remove a.remove:hover{color:var(--ssq-ivory);background:var(--ssq-danger)}

.woocommerce-cart .quantity,.ssq-quantity-control{display:inline-flex;align-items:center;min-height:40px;overflow:hidden;background:var(--ssq-surface);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-md)}
.woocommerce-cart .quantity .qty{width:46px!important;min-height:38px;padding:0;text-align:center;border:0!important;box-shadow:none!important;appearance:textfield}
.woocommerce-cart .quantity .qty::-webkit-inner-spin-button,.woocommerce-cart .quantity .qty::-webkit-outer-spin-button{margin:0;appearance:none}
.ssq-qty-button{display:grid;width:36px;height:38px;place-items:center;color:var(--ssq-espresso);background:var(--ssq-cream);border:0;font:700 1.05rem/1 var(--ssq-font-sans);cursor:pointer}
.ssq-qty-button:hover{color:var(--ssq-terracotta-dark);background:var(--ssq-blush)}
.ssq-qty-button:focus-visible{position:relative;outline:2px solid var(--ssq-gold);outline-offset:-2px}

/* Coupon & Update Cart Actions — compact utility row */
.woocommerce-cart td.actions{padding:1.1rem;background:var(--ssq-cream)}
.woocommerce-cart .coupon{display:flex;align-items:center;gap:.5rem;float:left;padding:.35rem;background:var(--ssq-surface);border:1px dashed var(--ssq-border-strong);border-radius:var(--ssq-radius-md)}
.woocommerce-cart .coupon input[type="text"]{min-width:180px;height:40px;padding:0 .7rem;border:0;box-shadow:none}
.woocommerce-cart .coupon button{height:42px;min-height:0;padding:0 1.15rem;color:var(--ssq-espresso);background:var(--ssq-cream);border:1px solid var(--ssq-border-strong);border-radius:var(--ssq-radius-sm);font-size:.8125rem;font-weight:700;cursor:pointer;transition:background var(--ssq-transition-fast),border-color var(--ssq-transition-fast)}
.woocommerce-cart .coupon button:hover{color:var(--ssq-terracotta-dark);background:var(--ssq-beige);border-color:var(--ssq-gold-soft)}
/* Update Cart: secondary cart-management — quiet text/ghost treatment, not a filled utility button like Coupon */
.woocommerce-cart button[name="update_cart"]{height:42px;min-height:0;padding:0 .9rem;color:var(--ssq-text-secondary);background:transparent;border:0;border-bottom:1px solid var(--ssq-border-strong);border-radius:0;font-size:.8125rem;font-weight:700;cursor:pointer;transition:color var(--ssq-transition-fast),border-color var(--ssq-transition-fast)}
.woocommerce-cart button[name="update_cart"]:hover{color:var(--ssq-terracotta-dark);border-color:var(--ssq-terracotta)}

/* Cart Collaterals & Totals Card */
.cart-collaterals{position:sticky;top:98px}
.cart_totals{padding:1.35rem;background:var(--ssq-surface);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-lg);box-shadow:var(--ssq-shadow-md)}
.cart_totals h2{margin:0 0 .9rem;padding-bottom:.65rem;color:var(--ssq-espresso);font-family:var(--ssq-font-heading);font-size:1.2rem;font-weight:600;border-bottom:1px solid var(--ssq-border)}
.cart_totals table.shop_table{width:100%;margin-bottom:1.25rem;border:none;border-collapse:collapse}
.cart_totals table.shop_table th{padding:.65rem 0;color:var(--ssq-text-secondary);border-bottom:1px solid var(--ssq-border-subtle);font-size:.8rem;font-weight:650}
.cart_totals table.shop_table td{padding:.65rem 0;color:var(--ssq-espresso);border-bottom:1px solid var(--ssq-border-subtle);font-weight:700;text-align:right}
.cart_totals .order-total th,.cart_totals .order-total td{padding-top:1rem;border-top:1px solid var(--ssq-border-strong);border-bottom:0}
.cart_totals .order-total td{color:var(--ssq-terracotta-dark);font-size:1.2rem}

/* Checkout CTA — directional progression capsule (asymmetric radius, arrow-forward), distinct from Buy Now's pill and Place Order's lock-secured shape */
.wc-proceed-to-checkout a.checkout-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:.85rem 1.75rem .85rem 1.5rem;color:var(--ssq-ivory)!important;background:var(--ssq-terracotta);border-radius:6px 26px 26px 6px;font-size:.9375rem;font-weight:750;text-decoration:none;transition:background var(--ssq-transition-fast),transform var(--ssq-transition-fast),padding-right var(--ssq-transition-fast)}
.wc-proceed-to-checkout a.checkout-button::after{content:" →";margin-left:.4rem;transition:transform var(--ssq-transition-fast)}
.wc-proceed-to-checkout a.checkout-button:hover{background:var(--ssq-terracotta-dark);transform:translateY(-1px)}
.wc-proceed-to-checkout a.checkout-button:hover::after{transform:translateX(3px)}

.woocommerce-shipping-calculator{padding:.85rem;background:var(--ssq-cream);border-radius:var(--ssq-radius-md)}

.woocommerce-cart .cart-empty.woocommerce-info,.woocommerce-cart .wc-empty-cart-message+.return-to-shop{max-width:600px;margin-inline:auto;text-align:center}
.woocommerce-cart .cart-empty.woocommerce-info{padding:3rem 1.5rem 1.1rem;color:var(--ssq-text-secondary);background:var(--ssq-surface);border:1px dashed var(--ssq-border-strong);border-radius:var(--ssq-radius-xl) var(--ssq-radius-xl) 0 0;font-size:1.05rem;font-weight:650}
.woocommerce-cart .return-to-shop{padding:0 1.5rem 2.5rem;background:var(--ssq-surface);border:1px dashed var(--ssq-border-strong);border-top:0;border-radius:0 0 var(--ssq-radius-xl) var(--ssq-radius-xl)}

/* ==========================================================================
   Dedicated Checkout UI
   ========================================================================== */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:flex-start;gap:clamp(1.25rem,3vw,2.25rem)}
.woocommerce-checkout #customer_details{min-width:0}

.woocommerce-billing-fields,.woocommerce-shipping-fields,.woocommerce-additional-fields{position:relative;margin-bottom:1.25rem;padding:1.5rem;background:var(--ssq-surface);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-lg);box-shadow:var(--ssq-shadow-sm)}
.woocommerce-billing-fields::before,.woocommerce-shipping-fields::before,.woocommerce-additional-fields::before{display:grid;position:absolute;top:1.4rem;right:1.4rem;width:32px;height:32px;place-items:center;color:var(--ssq-terracotta-dark);background:var(--ssq-blush);border-radius:var(--ssq-radius-sm);font-weight:800}
.woocommerce-billing-fields::before{content:"1"}
.woocommerce-shipping-fields::before{content:"2"}
.woocommerce-additional-fields::before{content:"3"}

.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3,#order_review_heading{margin-bottom:1.1rem;padding-right:2.75rem;padding-bottom:.75rem;color:var(--ssq-espresso);font-family:var(--ssq-font-heading);font-size:1.2rem;font-weight:600;border-bottom:1px solid var(--ssq-border)}

.woocommerce-checkout .form-row{margin-bottom:.95rem}
.woocommerce-checkout .form-row label{display:block;margin-bottom:.4rem;color:var(--ssq-text-secondary);font-size:.76rem;font-weight:700}
.woocommerce-checkout .form-row .required{color:var(--ssq-danger)}

.woocommerce-checkout input[type="text"],.woocommerce-checkout input[type="email"],.woocommerce-checkout input[type="tel"],.woocommerce-checkout input[type="password"],.woocommerce-checkout textarea,.woocommerce-checkout select,.woocommerce-checkout .select2-container .select2-selection--single{width:100%;min-height:48px;padding:.75rem .9rem;color:var(--ssq-espresso);background:var(--ssq-surface);border:1px solid var(--ssq-border-strong);border-radius:var(--ssq-radius-md);transition:border-color var(--ssq-transition-fast),box-shadow var(--ssq-transition-fast)}
.woocommerce-checkout .select2-container .select2-selection--single{padding:.6rem .9rem}
.woocommerce-checkout .select2-selection__rendered{line-height:24px!important;padding-left:0!important}
.woocommerce-checkout .select2-selection__arrow{top:11px!important;right:10px!important}
.woocommerce-checkout input:focus,.woocommerce-checkout textarea:focus,.woocommerce-checkout select:focus,.woocommerce-checkout .select2-container--focus .select2-selection{outline:0;border-color:var(--ssq-gold);box-shadow:0 0 0 3px rgba(181,138,82,.16)}
.woocommerce-checkout .woocommerce-invalid input.input-text,.woocommerce-checkout .woocommerce-invalid .select2-selection{border-color:var(--ssq-danger);box-shadow:0 0 0 3px rgba(166,62,70,.1)}
.woocommerce-checkout .woocommerce-validated input.input-text,.woocommerce-checkout .woocommerce-validated .select2-selection{border-color:var(--ssq-success)}

/* Order Review Card */
#order_review_heading{z-index:1;grid-column:2;grid-row:1;align-self:start;margin:0;padding:1.3rem 1.5rem 0;background:var(--ssq-surface);border:0;border-radius:var(--ssq-radius-lg) var(--ssq-radius-lg) 0 0;box-shadow:var(--ssq-shadow-sm)}
#order_review{position:sticky;top:98px;grid-column:2;grid-row:1;margin:0;padding:4.1rem 1.5rem 1.5rem;background:var(--ssq-surface);border:0;border-radius:var(--ssq-radius-lg);box-shadow:var(--ssq-shadow-md)}
#order_review table.shop_table{width:100%;margin-bottom:1.25rem;border-collapse:collapse}
#order_review table.shop_table th,#order_review table.shop_table td{padding:.75rem 0;border-bottom:1px solid var(--ssq-border-subtle);font-size:.875rem}
#order_review table.shop_table th{color:var(--ssq-text-muted);font-size:.75rem;font-weight:750;text-transform:uppercase}
#order_review .product-name{padding-right:1rem;color:var(--ssq-text-secondary)}
#order_review .order-total th,#order_review .order-total td{padding-top:1rem;color:var(--ssq-espresso);border-top:1px solid var(--ssq-border-strong);border-bottom:0;font-size:1.15rem;font-weight:800}

/* Payment Methods */
#payment{margin:.9rem -.5rem 0;padding:1rem;background:var(--ssq-cream);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-md)}
#payment ul.payment_methods{margin:0;padding:0;list-style:none}
#payment ul.payment_methods li{margin:0;padding:.7rem 0;border-bottom:1px solid var(--ssq-border);font-size:.875rem}
#payment ul.payment_methods li:last-child{border-bottom:0}
#payment label{color:var(--ssq-espresso);font-weight:700}
#payment .payment_box{margin-top:.5rem;padding:.9rem;color:var(--ssq-text-secondary);background:var(--ssq-surface);border-radius:var(--ssq-radius-sm);font-size:.8125rem;box-shadow:var(--ssq-shadow-xs)}

/* Place Order — secure final action: real lock glyph (CSS mask, matching the shared icon language) + a rounded-top/sharp-bottom "sealed" silhouette distinct from Add to Cart, Buy Now's pill, and Checkout's directional capsule */
#place_order{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:56px;padding:.9rem 1.5rem;color:var(--ssq-ivory)!important;background:var(--ssq-espresso);border:1px solid var(--ssq-espresso);border-radius:18px 18px 5px 5px;font-size:1rem;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:var(--ssq-shadow-md);transition:background var(--ssq-transition-fast),transform var(--ssq-transition-fast)}
#place_order::before{content:"";display:inline-block;width:17px;height:17px;flex-shrink:0;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
#place_order:hover{background:var(--ssq-terracotta-dark);border-color:var(--ssq-terracotta-dark);transform:translateY(-1px)}

.ssq-checkout-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}
.ssq-checkout-trust span{display:grid;gap:.15rem;padding:.7rem .45rem;color:var(--ssq-text-muted);background:var(--ssq-surface);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-sm);font-size:.62rem;text-align:center}
.ssq-checkout-trust strong{color:var(--ssq-espresso);font-size:.68rem}

.woocommerce-error,.woocommerce-message,.woocommerce-info{padding:1rem 1.2rem;background:var(--ssq-surface);border:0;border-left:4px solid var(--ssq-terracotta);border-radius:var(--ssq-radius-md);box-shadow:var(--ssq-shadow-sm)}
.woocommerce-error{background:var(--ssq-blush);border-left-color:var(--ssq-danger)}
.woocommerce-message{border-left-color:var(--ssq-success)}

.ssq-mobile-commerce-bar{display:none}

/* ==========================================================================
   Responsive Adaptations for Cart & Checkout
   ========================================================================== */
@media(max-width:991px){
  .woocommerce-cart .woocommerce,.woocommerce-checkout form.checkout{grid-template-columns:1fr}
  .cart-collaterals,#order_review{position:static}
  #order_review_heading,#order_review{grid-column:1}
}

@media(max-width:767px){
  body.woocommerce-cart,body.woocommerce-checkout{padding-bottom:88px}
  .woocommerce-cart .entry-title,.woocommerce-checkout .entry-title{padding-inline:1rem}
  .woocommerce-cart table.shop_table{display:block;background:transparent;box-shadow:none}
  .woocommerce-cart table.shop_table thead{display:none}
  .woocommerce-cart table.shop_table tbody{display:grid;gap:.85rem}
  .woocommerce-cart table.shop_table tr.cart_item{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:.25rem .8rem;padding:1rem;background:var(--ssq-surface);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-lg);box-shadow:var(--ssq-shadow-sm)}
  .woocommerce-cart table.shop_table td{display:block;padding:0;border:0}
  .woocommerce-cart .product-remove{position:absolute;top:.75rem;right:.75rem}
  .woocommerce-cart .product-thumbnail{grid-row:1/span 3;width:auto}
  .woocommerce-cart .product-thumbnail::before{display:none}
  .woocommerce-cart .product-thumbnail img{width:68px;height:68px}
  .woocommerce-cart .product-name{grid-column:2/4;padding-right:2.5rem!important}
  .woocommerce-cart .product-price{grid-column:2;font-size:.78rem}
  .woocommerce-cart .product-quantity{grid-column:2;margin-top:.55rem}
  .woocommerce-cart .product-subtotal{grid-column:3;grid-row:3;align-self:end}
  .woocommerce-cart td::before{display:none}
  .woocommerce-cart table.shop_table tr:not(.cart_item){display:block}
  .woocommerce-cart td.actions{padding:1rem;border-radius:var(--ssq-radius-lg)}
  .woocommerce-cart .coupon{display:grid;float:none;grid-template-columns:1fr auto;box-sizing:border-box;width:100%}
  .woocommerce-cart .coupon input[type="text"]{width:100%;min-width:0}
  .woocommerce-cart button[name="update_cart"]{width:100%;margin-top:.75rem}
  .cart_totals{border-radius:var(--ssq-radius-lg)}

  .ssq-mobile-commerce-bar{display:flex;position:fixed;z-index:999;right:0;bottom:0;left:0;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem max(1rem,env(safe-area-inset-left)) calc(.75rem + env(safe-area-inset-bottom));background:rgba(255,252,247,.96);backdrop-filter:blur(14px);border-top:1px solid var(--ssq-border);box-shadow:0 -10px 26px rgba(43,11,20,.14)}
  .ssq-mobile-commerce-total{display:grid;color:var(--ssq-text-muted);font-size:.68rem}
  .ssq-mobile-commerce-total strong{color:var(--ssq-espresso);font-size:1rem}
  .ssq-mobile-commerce-action{min-height:48px;padding:.7rem 1.3rem;color:var(--ssq-ivory)!important;background:var(--ssq-espresso);border:0;border-radius:var(--ssq-radius-button);font-size:.86rem;font-weight:800;box-shadow:var(--ssq-shadow-sm)}

  .woocommerce-checkout form.checkout{display:block}
  .woocommerce-billing-fields,.woocommerce-shipping-fields,.woocommerce-additional-fields,#order_review{padding:1.15rem;border-radius:var(--ssq-radius-lg)}
  .woocommerce-billing-fields::before,.woocommerce-shipping-fields::before,.woocommerce-additional-fields::before{top:1rem;right:1rem}
  .woocommerce-checkout .form-row-first,.woocommerce-checkout .form-row-last{float:none;width:100%}
  .ssq-checkout-trust{grid-template-columns:1fr}
  .ssq-checkout-trust span{grid-template-columns:auto 1fr;text-align:left}
}

/* WooCommerce Cart and Checkout Blocks: stable public wrappers only. */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{--wp--preset--color--contrast:var(--ssq-espresso);color:var(--ssq-espresso)}
.wp-block-woocommerce-cart .wc-block-components-sidebar,.wp-block-woocommerce-checkout .wc-block-components-sidebar{align-self:start;padding:clamp(1rem,2vw,1.5rem);background:var(--ssq-surface);border:1px solid var(--ssq-border);border-radius:var(--ssq-radius-lg);box-shadow:var(--ssq-shadow-md)}
.wp-block-woocommerce-cart .wc-block-cart-items,.wp-block-woocommerce-checkout .wc-block-components-checkout-step{border-color:var(--ssq-border)}
.wp-block-woocommerce-cart .wc-block-components-product-name{color:var(--ssq-espresso);font-weight:650}
.wp-block-woocommerce-cart .wc-block-components-button,.wp-block-woocommerce-checkout .wc-block-components-button{min-height:50px;border-radius:var(--ssq-radius-button);font-weight:750}
.wp-block-woocommerce-checkout .wc-block-components-text-input input,.wp-block-woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input{border-radius:var(--ssq-radius-md)}

@media(max-width:782px){
  .wp-block-woocommerce-cart .wc-block-components-sidebar,.wp-block-woocommerce-checkout .wc-block-components-sidebar{padding:1rem;border-radius:var(--ssq-radius-md);box-shadow:var(--ssq-shadow-sm)}
}