/* newAsNew v3 — woo.css — WooCommerce overrides */

/* ── Add to cart button ── */
.single_add_to_cart_button, .button.alt, .wp-block-button__link {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  width: 100%; background: var(--blue); color: #fff; border: none;
  border-radius: 12px; padding: 16px; font-family: var(--f);
  font-size: 16px; font-weight: 700; cursor: pointer;
  transition: background .18s, transform .15s; margin-bottom: 10px;
  min-height: 52px;
}
.single_add_to_cart_button:hover, .button.alt:hover { background: var(--bd); }

/* Quantity */
.quantity { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.qty { background: var(--g100); border: 1.5px solid var(--g200); border-radius: 9px;
  padding: 10px 14px; font-family: var(--m); font-size: 15px;
  text-align: center; width: 72px; outline: none; color: var(--ink); }
.qty:focus { border-color: var(--bbd); }

/* Star rating */
.star-rating { color: #F59E0B; font-size: 13px; }
.stars a { color: #F59E0B; font-size: 20px; text-decoration: none; }

/* WC tabs — we use our own */
.woocommerce-tabs { display: none; }

/* Variation select */
.variations select { width: 100%; font-family: var(--f); font-size: 14px;
  background: var(--g100); border: 1.5px solid var(--g200);
  border-radius: 9px; padding: 11px 12px; outline: none; color: var(--ink); }
.variations td, .variations th { padding: 6px 0; vertical-align: middle; }
.variations label { font-size: 13px; font-weight: 700; color: var(--ink4); }

/* Out of stock */
.out-of-stock { color: var(--red); font-weight: 700; font-size: 14px; }
.in-stock { color: var(--grn); font-weight: 700; font-size: 14px; }

/* Cart form table */
.woocommerce-cart-form table { width: 100%; border-collapse: collapse; }
.woocommerce-cart-form thead th { background: var(--g50); padding: 10px 14px;
  font-size: 12px; font-weight: 700; text-transform: uppercase;
  letter-spacing: .5px; color: var(--ink4); border-bottom: 1.5px solid var(--g200); text-align: left; }
.woocommerce-cart-form tbody td { padding: 14px; border-bottom: 1px solid var(--g200);
  vertical-align: middle; }
.woocommerce-cart-form .product-thumbnail img { width: 80px; height: 80px;
  object-fit: cover; border-radius: 9px; }
.woocommerce-cart-form .product-name a { font-weight: 700; color: var(--ink);
  text-decoration: none; font-size: 14.5px; }
.woocommerce-cart-form .product-price, .woocommerce-cart-form .product-subtotal {
  font-family: var(--m); font-weight: 700; color: var(--blue); font-size: 15px; }
.woocommerce-cart-form .button { background: var(--blue); color: #fff;
  border: none; border-radius: 9px; padding: 10px 20px;
  font-family: var(--f); font-weight: 700; font-size: 14px; cursor: pointer; }
.woocommerce-cart-form a.remove { font-size: 18px; color: var(--ink5) !important;
  text-decoration: none; }
.woocommerce-cart-form a.remove:hover { color: var(--red) !important; }

/* Cart totals */
.cart-collaterals { margin-top: 28px; }
.cart_totals { background: var(--w); border: 1.5px solid var(--g200);
  border-radius: 14px; padding: 22px; max-width: 400px; margin-left: auto; }
.cart_totals h2 { font-size: 16px; font-weight: 800; margin-bottom: 18px; }
.cart_totals table { width: 100%; }
.cart_totals table th, .cart_totals table td { padding: 9px 0; font-size: 14px;
  color: var(--ink3); border-bottom: 1px solid var(--g200); }
.cart_totals .order-total th, .cart_totals .order-total td {
  font-size: 18px; font-weight: 800; color: var(--ink);
  padding-top: 14px; border-bottom: none; }
.wc-proceed-to-checkout .checkout-button { display: block; width: 100%;
  background: var(--blue); color: #fff; border: none; border-radius: 12px;
  padding: 15px; font-family: var(--f); font-size: 16px; font-weight: 700;
  cursor: pointer; margin-top: 14px; text-align: center; text-decoration: none;
  transition: background .18s; }
.wc-proceed-to-checkout .checkout-button:hover { background: var(--bd); }

/* Checkout
   v12.0: Removed `.col2-set { display: grid; grid-template-columns: 1fr 1fr }`.
   Why: in WC checkout HTML, the element IS `<div class="col2-set" id="customer_details">`.
   So this rule was forcing the customer_details container into a 2-column grid,
   which placed billing fields in col-1 and shipping/notes in col-2 side-by-side.
   The v11.9 design wants them stacked in a single column on the left side of the
   page, with order_review on the right. The cart-checkout-account.css design
   refresh handles this via #customer_details rules directly. */
/* (rule removed) */
@media(max-width:768px) { /* col2-set mobile rule no longer needed */ }

/* Payment */
#payment ul.payment_methods { list-style: none; }
#payment ul.payment_methods li { padding: 14px; border-bottom: 1px solid var(--g200); }
#payment ul.payment_methods label { font-size: 15px; font-weight: 600; cursor: pointer; }
.payment_box { background: var(--g50); border-radius: 9px; padding: 12px 14px;
  margin-top: 10px; font-size: 13.5px; color: var(--ink4); }

/* My Account */
.woocommerce-MyAccount-navigation ul { list-style: none; }

/* Pagination */
.woocommerce-pagination ul { display: flex; list-style: none; gap: 5px;
  justify-content: center; margin-top: 32px; flex-wrap: wrap; }
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span {
  width: 36px; height: 36px; border-radius: 8px; border: 1.5px solid var(--g200);
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 700; text-decoration: none;
  color: var(--ink4); transition: all .15s; }
.woocommerce-pagination ul li .current,
.woocommerce-pagination ul li a:hover { background: var(--blue); border-color: var(--blue); color: #fff; }

/* Reviews */
#respond h3 { font-size: 18px; font-weight: 800; margin-bottom: 16px; }
#respond .comment-form-comment textarea { width: 100%; background: var(--g100);
  border: 1.5px solid var(--g200); border-radius: 9px;
  padding: 11px 14px; font-family: var(--f); font-size: 14px; outline: none; min-height: 100px; }
#respond .form-submit input { background: var(--blue); color: #fff; border: none;
  border-radius: 9px; padding: 12px 24px; font-family: var(--f);
  font-size: 14.5px; font-weight: 700; cursor: pointer; transition: background .18s; }
#respond .form-submit input:hover { background: var(--bd); }
.comment-form-rating label { font-size: 13px; font-weight: 700; color: var(--ink4); margin-bottom: 5px; display: block; }
.woocommerce-review__avatar img { border-radius: 50%; }

/* ════════════════════════════════════════════════════════════════════
   CART PAGE — premium UX/UI
   v11.7 NOTE: Previously this section forced
     .woocommerce-cart .woocommerce { display:grid; grid-template-columns:1fr 380px }
   onto the OUTER wrapper. That squeezed our entire custom .nan-cart-page
   template into one column of that outer grid, causing the whole cart to
   render narrow and right-shifted. Removed — our custom cart.php template
   provides its own .nan-cart-grid layout. The remaining rules in this
   file target WC default classes (.shop_table, .product-thumbnail, etc.)
   that don't exist in our template, so they're inert when our template
   is in use, but kept for fallback if the override is ever bypassed.
═══════════════════════════════════════════════════════════════════════ */

/* Cart products table */
.woocommerce-cart .shop_table{
  width:100%!important;
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  border-radius:14px!important;
  overflow:hidden!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  margin:0!important;
}
.woocommerce-cart .shop_table thead{
  background:#F8FAFC!important;
}
.woocommerce-cart .shop_table th{
  font-size:11px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.6px!important;
  color:#64748B!important;
  padding:14px 16px!important;
  text-align:left!important;
  border-bottom:1px solid #E5E7EB!important;
}
.woocommerce-cart .shop_table td{
  padding:18px 16px!important;
  border-bottom:1px solid #F1F5F9!important;
  vertical-align:middle!important;
  font-size:14px!important;
}
.woocommerce-cart .shop_table tbody tr:last-child td{
  border-bottom:none!important;
}

/* Product image */
.woocommerce-cart .product-thumbnail img{
  width:80px!important;
  height:80px!important;
  border-radius:10px!important;
  object-fit:cover!important;
  border:1px solid #E5E7EB!important;
}

/* Product name link */
.woocommerce-cart .product-name a{
  font-size:14.5px!important;
  font-weight:700!important;
  color:#0F172A!important;
  text-decoration:none!important;
  line-height:1.4!important;
  display:block!important;
  margin-bottom:6px!important;
}
.woocommerce-cart .product-name a:hover{color:#2563EB!important}

/* Variation/meta */
.woocommerce-cart .variation,
.woocommerce-cart .product-name dl,
.woocommerce-cart .wc-item-meta{
  font-size:12px!important;
  color:#64748B!important;
  line-height:1.5!important;
  margin:0!important;
}
.woocommerce-cart .variation dt,
.woocommerce-cart .wc-item-meta-label{font-weight:700!important;display:inline!important}
.woocommerce-cart .variation dd,
.woocommerce-cart .wc-item-meta li{display:inline!important;margin:0 6px 0 2px!important}

/* Price column */
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal{
  font-size:14.5px!important;
  font-weight:700!important;
  color:#0F172A!important;
}
.woocommerce-cart .product-subtotal{font-size:15.5px!important;font-weight:800!important}

/* Quantity input — sleek modern */
.woocommerce-cart .quantity{display:inline-flex!important;align-items:center!important}
.woocommerce-cart .quantity .qty{
  width:64px!important;
  padding:8px 10px!important;
  border:1.5px solid #E5E7EB!important;
  border-radius:8px!important;
  font-size:14px!important;
  font-weight:700!important;
  color:#0F172A!important;
  text-align:center!important;
  font-family:inherit!important;
}
.woocommerce-cart .quantity .qty:focus{
  outline:none!important;
  border-color:#2563EB!important;
}

/* Remove (×) button */
.woocommerce-cart .product-remove a{
  width:32px!important;height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#FEF2F2!important;
  color:#EF4444!important;
  border:1px solid #FECACA!important;
  border-radius:8px!important;
  font-size:18px!important;
  font-weight:700!important;
  text-decoration:none!important;
  transition:all .15s!important;
  line-height:1!important;
}
.woocommerce-cart .product-remove a:hover{
  background:#EF4444!important;
  color:#fff!important;
  border-color:#EF4444!important;
}
.woocommerce-cart .product-remove a::before{content:'';display:none!important}

/* Coupon row */
.woocommerce-cart .coupon{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
}
.woocommerce-cart .coupon input[type="text"]{
  padding:10px 14px!important;
  border:1.5px solid #E5E7EB!important;
  border-radius:8px!important;
  font-size:14px!important;
  font-family:inherit!important;
  flex:1!important;
}
.woocommerce-cart .coupon button{
  padding:10px 18px!important;
  background:#0F172A!important;
  color:#fff!important;
  border:none!important;
  border-radius:8px!important;
  font-size:13.5px!important;
  font-weight:700!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:background .15s!important;
}
.woocommerce-cart .coupon button:hover{background:#1E293B!important}

/* Update cart button */
.woocommerce-cart .actions button[name="update_cart"]{
  padding:10px 18px!important;
  background:#fff!important;
  color:#374151!important;
  border:1.5px solid #E5E7EB!important;
  border-radius:8px!important;
  font-size:13.5px!important;
  font-weight:700!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:all .15s!important;
  margin-left:8px!important;
}
.woocommerce-cart .actions button[name="update_cart"]:hover{
  border-color:#2563EB!important;
  color:#2563EB!important;
}

/* Cart Totals — premium right column */
.woocommerce-cart .cart_totals{
  background:#fff!important;
  border:1px solid #E5E7EB!important;
  border-radius:14px!important;
  padding:24px!important;
  position:sticky!important;
  top:90px!important;
}
.woocommerce-cart .cart_totals h2{
  font-size:16px!important;
  font-weight:900!important;
  color:#0F172A!important;
  margin:0 0 18px!important;
  padding-bottom:14px!important;
  border-bottom:2px solid #F1F5F9!important;
  letter-spacing:-.2px!important;
}
.woocommerce-cart .cart_totals table{
  width:100%!important;
  border-collapse:collapse!important;
}
.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
  padding:11px 0!important;
  font-size:14px!important;
  border-bottom:1px solid #F1F5F9!important;
  text-align:left!important;
  vertical-align:top!important;
}
.woocommerce-cart .cart_totals table th{
  font-weight:600!important;
  color:#475569!important;
  width:50%!important;
}
.woocommerce-cart .cart_totals table td{
  font-weight:700!important;
  color:#0F172A!important;
  text-align:right!important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  font-size:17px!important;
  font-weight:900!important;
  color:#0F172A!important;
  border-bottom:none!important;
  padding-top:14px!important;
}
.woocommerce-cart .cart_totals .shipping-calculator-button{
  font-size:13px!important;
  color:#2563EB!important;
  text-decoration:underline!important;
}

/* Proceed to Checkout button */
.woocommerce-cart .wc-proceed-to-checkout{margin-top:18px!important;padding:0!important}
.woocommerce-cart .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  padding:14px!important;
  background:linear-gradient(135deg,#2563EB,#1D4ED8)!important;
  color:#fff!important;
  border:none!important;
  border-radius:10px!important;
  font-size:15px!important;
  font-weight:800!important;
  text-decoration:none!important;
  transition:transform .1s,box-shadow .15s!important;
  box-shadow:0 4px 12px rgba(37,99,235,.2)!important;
  letter-spacing:-.1px!important;
}
.woocommerce-cart .checkout-button:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 6px 18px rgba(37,99,235,.3)!important;
  color:#fff!important;
}

/* Coupon dropdown — fixed UI */
.woocommerce-cart .woocommerce-form-coupon-toggle,
.woocommerce-cart .checkout_coupon{
  background:#F8FAFC!important;
  border:1px dashed #CBD5E1!important;
  border-radius:10px!important;
  padding:14px!important;
  margin-bottom:16px!important;
}

/* Mobile responsive */
@media(max-width:768px){
  .woocommerce-cart .shop_table thead{display:none!important}
  .woocommerce-cart .shop_table tbody tr{
    display:flex!important;
    flex-direction:column!important;
    padding:14px!important;
    border-bottom:1px solid #E5E7EB!important;
  }
  .woocommerce-cart .shop_table tbody tr:last-child{border-bottom:none!important}
  .woocommerce-cart .shop_table td{
    padding:6px 0!important;
    border:none!important;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
  }
  .woocommerce-cart .shop_table .product-thumbnail{justify-content:flex-start!important}
  .woocommerce-cart .product-thumbnail img{width:64px!important;height:64px!important}
  .woocommerce-cart .cart_totals{position:static!important;margin-top:18px!important}
}

/* ════════════════════════════════════════════════════════════════════
   CART — Premium UI upgrade
═══════════════════════════════════════════════════════════════════════ */

/* Cart page hero */
.woocommerce-cart .page-hero{
  background:linear-gradient(135deg,#F8FAFC,#EFF6FF)!important;
  border-bottom:1px solid #E5E7EB!important;
}
.woocommerce-cart .page-title{
  font-size:32px!important;
  letter-spacing:-.5px!important;
}

/* Product row hover state */
.woocommerce-cart .shop_table tbody tr{
  transition:background .15s!important;
}
.woocommerce-cart .shop_table tbody tr:hover{
  background:#FAFAFA!important;
}

/* Product image bigger + shadow */
.woocommerce-cart .product-thumbnail img{
  width:88px!important;
  height:88px!important;
  box-shadow:0 2px 12px rgba(0,0,0,.08)!important;
}

/* Product meta — warranty, variants styled */
.woocommerce-cart .wc-item-meta{
  margin-top:6px!important;
}
.woocommerce-cart .wc-item-meta li{
  display:flex!important;
  gap:4px!important;
  align-items:flex-start!important;
  font-size:12px!important;
  color:#475569!important;
  margin-bottom:3px!important;
}
.woocommerce-cart .wc-item-meta-label{
  font-weight:700!important;
  color:#0F172A!important;
  white-space:nowrap!important;
  display:block!important;
}

/* Save badge inline */
.cart-save-badge{
  display:inline-flex!important;
  align-items:center!important;
  background:#DCFCE7!important;
  color:#15803D!important;
  font-size:11.5px!important;
  font-weight:800!important;
  padding:3px 8px!important;
  border-radius:6px!important;
  margin-left:6px!important;
  letter-spacing:.2px!important;
}

/* Cart totals — enhanced */
.woocommerce-cart .cart_totals{
  box-shadow:0 8px 32px rgba(0,0,0,.06)!important;
}

/* Free shipping row — green highlight */
.woocommerce-cart .cart_totals .woocommerce-shipping-totals td,
.woocommerce-cart .cart_totals .woocommerce-shipping-totals th{
  color:#15803D!important;
  font-weight:800!important;
}

/* Total row — large + prominent */
.woocommerce-cart .cart_totals .order-total{
  background:#F8FAFC!important;
  border-radius:10px!important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  padding:16px 12px!important;
  font-size:18px!important;
}

/* Checkout button — premium */
.woocommerce-cart .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  gap:8px!important;
  font-size:16px!important;
  padding:16px!important;
  border-radius:12px!important;
  letter-spacing:.1px!important;
  position:relative!important;
  overflow:hidden!important;
}
.woocommerce-cart .checkout-button::before{
  content:'🛒';
  font-size:18px;
  margin-right:4px;
}

/* Trust row below checkout */
.woocommerce-cart .cart_totals::after{
  content:'🔒 Secure checkout  ·  🛡 6-Month Warranty  ·  🚚 Free Delivery';
  display:block;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #F1F5F9;
  font-size:11.5px;
  color:#64748B;
  text-align:center;
  line-height:1.6;
  letter-spacing:.2px;
}

/* Coupon row — better */
.woocommerce-cart .coupon{
  padding:14px 0!important;
  border-top:1px solid #F1F5F9!important;
  margin-top:4px!important;
}
.woocommerce-cart .coupon label{
  font-size:13px!important;
  font-weight:700!important;
  color:#0F172A!important;
  display:block!important;
  margin-bottom:8px!important;
}
.woocommerce-cart .coupon input[type="text"]{
  background:#F8FAFC!important;
}
.woocommerce-cart .coupon input[type="text"]:focus{
  border-color:#2563EB!important;
  background:#fff!important;
  outline:none!important;
}

/* Empty cart */
.woocommerce-cart .cart-empty{
  text-align:center!important;
  padding:60px 20px!important;
  background:#fff!important;
  border:1.5px solid #E5E7EB!important;
  border-radius:16px!important;
}
.woocommerce-cart .return-to-shop .button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  background:#2563EB!important;
  color:#fff!important;
  padding:13px 24px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  margin-top:14px!important;
  transition:all .15s!important;
}
.woocommerce-cart .return-to-shop .button:hover{
  background:#1D4ED8!important;
  transform:translateY(-1px)!important;
}

/* GST / Tax row */
.woocommerce-cart .cart_totals .tax-total td,
.woocommerce-cart .cart_totals .tax-total th{
  color:#64748B!important;
  font-size:13px!important;
  font-weight:600!important;
}

/* Mobile cart */
@media(max-width:760px){
  .woocommerce-cart .shop_table thead{display:none!important}
  .woocommerce-cart .shop_table tbody tr{
    display:flex!important;
    flex-wrap:wrap!important;
    padding:16px 0!important;
    border-bottom:1px solid #F1F5F9!important;
    gap:12px!important;
  }
  .woocommerce-cart .shop_table td{
    padding:0!important;
    border:none!important;
  }
  .woocommerce-cart .product-thumbnail{width:72px!important}
  .woocommerce-cart .product-name{flex:1!important;min-width:0!important}
  .woocommerce-cart .product-remove{width:auto!important}
  .woocommerce-cart .product-price{display:none!important}
  .woocommerce-cart .product-subtotal{
    width:100%!important;
    font-size:17px!important;
  }
}