/* ================================================================
   EV Nexo Cart & Checkout UI — style.css  v1.5
   ----------------------------------------------------------------
   SCOPE RULE: Every single declaration sits inside
     body.woocommerce-cart  { ... }   OR
     body.woocommerce-checkout { ... }
   There are ZERO global rules. Nothing can ever bleed to other pages.
   ================================================================ */

/* ================================================================
   CART PAGE — all rules under body.woocommerce-cart
   ================================================================ */

body.woocommerce-cart {
  background-color: #f0f3f7 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
}

/* CSS variables scoped to cart — only exist on cart page */
body.woocommerce-cart {
  --evn-green:    #1abc9c;
  --evn-green-dk: #16a085;
  --evn-yellow:   #f1c40f;
  --evn-red:      #e74c3c;
  --evn-ok:       #27ae60;
  --evn-blue:     #3498db;
  --evn-white:    #ffffff;
  --evn-bg:       #f0f3f7;
  --evn-border:   #dde4ef;
  --evn-text:     #1e2d3d;
  --evn-muted:    #6b7c93;
  --evn-r:        10px;
  --evn-rs:       6px;
  --evn-sh:       0 4px 16px rgba(0,0,0,.08);
  --evn-shl:      0 8px 32px rgba(0,0,0,.12);
  --evn-font:     -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --evn-t:        all .25s cubic-bezier(.4,0,.2,1);
}

/* ── Cart table ───────────────────────────────────────────────── */
body.woocommerce-cart table.shop_table,
body.woocommerce-cart table.cart {
  background: var(--evn-white) !important;
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border-radius: var(--evn-r) !important;
  box-shadow: var(--evn-sh) !important;
  overflow: hidden !important;
  width: 100% !important;
  font-family: var(--evn-font) !important;
  margin-bottom: 24px !important;
}

body.woocommerce-cart table.shop_table thead,
body.woocommerce-cart table.cart thead {
  background: linear-gradient(135deg, var(--evn-green) 0%, var(--evn-green-dk) 100%) !important;
}

body.woocommerce-cart table.shop_table thead th,
body.woocommerce-cart table.cart thead th {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .6px !important;
  padding: 14px 18px !important;
  border: none !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-cart table.shop_table tbody tr,
body.woocommerce-cart table.cart tbody tr {
  border-bottom: 1px solid var(--evn-border) !important;
}

body.woocommerce-cart table.shop_table tbody tr:last-child,
body.woocommerce-cart table.cart tbody tr:last-child {
  border-bottom: none !important;
}

body.woocommerce-cart table.shop_table tbody tr:hover {
  background: rgba(26,188,156,.025) !important;
}

body.woocommerce-cart table.shop_table tbody td,
body.woocommerce-cart table.cart tbody td {
  padding: 16px 18px !important;
  vertical-align: middle !important;
  border: none !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
}

/* Product image */
body.woocommerce-cart .product-thumbnail img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: var(--evn-rs) !important;
  border: 1px solid var(--evn-border) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
  display: block !important;
}

/* Product name */
body.woocommerce-cart .product-name a {
  color: var(--evn-text) !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-cart .product-name a:hover {
  color: var(--evn-green) !important;
}

/* Price */
body.woocommerce-cart .product-price .amount,
body.woocommerce-cart .product-subtotal .amount {
  color: var(--evn-green) !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* Quantity input */
body.woocommerce-cart .quantity .qty,
body.woocommerce-cart input.qty {
  width: 64px !important;
  text-align: center !important;
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  padding: 8px 6px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--evn-text) !important;
  background: var(--evn-white) !important;
  transition: var(--evn-t) !important;
  box-shadow: none !important;
}

body.woocommerce-cart .quantity .qty:focus,
body.woocommerce-cart input.qty:focus {
  outline: none !important;
  border-color: var(--evn-green) !important;
  box-shadow: 0 0 0 3px rgba(26,188,156,.15) !important;
}

/* Remove button */
body.woocommerce-cart a.remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(231,76,60,.1) !important;
  color: var(--evn-red) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: var(--evn-t) !important;
  border: none !important;
}

body.woocommerce-cart a.remove:hover {
  background: var(--evn-red) !important;
  color: #fff !important;
  transform: rotate(90deg) !important;
}

/* Coupon row — flex only on the .coupon container itself, not .form-row */
body.woocommerce-cart .coupon {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

body.woocommerce-cart .coupon input#coupon_code,
body.woocommerce-cart .coupon input[name="coupon_code"] {
  padding: 10px 14px !important;
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
  background: var(--evn-white) !important;
  width: 220px !important;
  transition: var(--evn-t) !important;
  box-shadow: none !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-cart .coupon input#coupon_code:focus {
  outline: none !important;
  border-color: var(--evn-yellow) !important;
  box-shadow: 0 0 0 3px rgba(241,196,15,.2) !important;
}

body.woocommerce-cart .coupon .button,
body.woocommerce-cart .coupon button[name="apply_coupon"],
body.woocommerce-cart .coupon input[name="apply_coupon"] {
  padding: 10px 20px !important;
  background: linear-gradient(135deg, var(--evn-yellow) 0%, #d4a800 100%) !important;
  color: #1a1a1a !important;
  border: none !important;
  border-radius: var(--evn-rs) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 10px rgba(241,196,15,.35) !important;
  transition: var(--evn-t) !important;
  font-family: var(--evn-font) !important;
}

/* Update cart */
body.woocommerce-cart .actions button[name="update_cart"],
body.woocommerce-cart .actions input[name="update_cart"] {
  padding: 10px 20px !important;
  background: transparent !important;
  border: 2px solid var(--evn-border) !important;
  color: var(--evn-muted) !important;
  border-radius: var(--evn-rs) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: var(--evn-t) !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-cart .actions button[name="update_cart"]:not(:disabled):hover {
  border-color: var(--evn-green) !important;
  color: var(--evn-green) !important;
}

/* Applied coupon */
body.woocommerce-cart .cart-discount td {
  color: var(--evn-ok) !important;
  font-weight: 600 !important;
}

body.woocommerce-cart a.woocommerce-remove-coupon {
  background: rgba(231,76,60,.1) !important;
  border-radius: 3px !important;
  padding: 2px 7px !important;
  font-size: 11px !important;
  color: var(--evn-red) !important;
  text-decoration: none !important;
  margin-left: 8px !important;
}

body.woocommerce-cart a.woocommerce-remove-coupon:hover {
  background: var(--evn-red) !important;
  color: #fff !important;
}

/* Cart totals */
body.woocommerce-cart .cart_totals {
  background: var(--evn-white) !important;
  border-radius: var(--evn-r) !important;
  box-shadow: var(--evn-shl) !important;
  padding: 28px !important;
  border: 1px solid var(--evn-border) !important;
  position: sticky !important;
  top: 20px !important;
}

body.woocommerce-cart .cart_totals h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--evn-text) !important;
  margin: 0 0 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 3px solid var(--evn-green) !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-cart .cart_totals table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 22px !important;
}

body.woocommerce-cart .cart_totals table tr {
  border-bottom: 1px solid var(--evn-border) !important;
}

body.woocommerce-cart .cart_totals table tr:last-child {
  border-bottom: none !important;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
  padding: 11px 0 !important;
  font-size: 14px !important;
  border: none !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-cart .cart_totals table th {
  color: var(--evn-muted) !important;
  font-weight: 500 !important;
}

body.woocommerce-cart .cart_totals table .order-total th,
body.woocommerce-cart .cart_totals table .order-total td {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--evn-green) !important;
  padding: 16px 0 !important;
}

/* Proceed to checkout button */
body.woocommerce-cart a.checkout-button,
body.woocommerce-cart .checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout a {
  display: block !important;
  width: 100% !important;
  padding: 16px 24px !important;
  background: linear-gradient(135deg, var(--evn-green) 0%, var(--evn-green-dk) 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--evn-rs) !important;
  font-family: var(--evn-font) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: var(--evn-t) !important;
  box-shadow: 0 4px 18px rgba(26,188,156,.40) !important;
  margin-top: 4px !important;
}

body.woocommerce-cart a.checkout-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 7px 24px rgba(26,188,156,.52) !important;
  color: #fff !important;
}

/* Shipping calculator */
body.woocommerce-cart .shipping-calculator-button {
  color: var(--evn-green) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.woocommerce-cart form.woocommerce-shipping-calculator {
  background: var(--evn-bg) !important;
  padding: 18px !important;
  border-radius: var(--evn-rs) !important;
  border: 1px solid var(--evn-border) !important;
  margin-top: 10px !important;
}

body.woocommerce-cart form.woocommerce-shipping-calculator select,
body.woocommerce-cart form.woocommerce-shipping-calculator input[type="text"] {
  padding: 9px 12px !important;
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  width: 100% !important;
  margin-bottom: 10px !important;
  background: var(--evn-white) !important;
  color: var(--evn-text) !important;
}

body.woocommerce-cart form.woocommerce-shipping-calculator button[type="submit"],
body.woocommerce-cart form.woocommerce-shipping-calculator .button {
  padding: 10px 20px !important;
  background: var(--evn-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--evn-rs) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
}

/* Shipping method list */
body.woocommerce-cart ul#shipping_method {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
}

body.woocommerce-cart ul#shipping_method li {
  padding: 9px 0 !important;
  border-bottom: 1px solid var(--evn-border) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
}

body.woocommerce-cart ul#shipping_method li:last-child {
  border-bottom: none !important;
}

/* Empty cart */
body.woocommerce-cart .cart-empty {
  font-family: var(--evn-font) !important;
  font-size: 16px !important;
  color: var(--evn-muted) !important;
  padding: 40px !important;
  text-align: center !important;
  background: var(--evn-white) !important;
  border-radius: var(--evn-r) !important;
  border: 2px dashed var(--evn-border) !important;
  box-shadow: var(--evn-sh) !important;
}

/* ================================================================
   CHECKOUT PAGE — all rules under body.woocommerce-checkout
   ================================================================ */

body.woocommerce-checkout {
  background-color: #f0f3f7 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;
}

/* CSS variables scoped to checkout — only exist on checkout page */
body.woocommerce-checkout {
  --evn-green:    #1abc9c;
  --evn-green-dk: #16a085;
  --evn-yellow:   #f1c40f;
  --evn-red:      #e74c3c;
  --evn-ok:       #27ae60;
  --evn-blue:     #3498db;
  --evn-white:    #ffffff;
  --evn-bg:       #f0f3f7;
  --evn-border:   #dde4ef;
  --evn-text:     #1e2d3d;
  --evn-muted:    #6b7c93;
  --evn-r:        10px;
  --evn-rs:       6px;
  --evn-sh:       0 4px 16px rgba(0,0,0,.08);
  --evn-shl:      0 8px 32px rgba(0,0,0,.12);
  --evn-font:     -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --evn-t:        all .25s cubic-bezier(.4,0,.2,1);
}

/* ── Returning customer & coupon toggle bars ──────────────────────
   Only change background, left-border and radius.
   NEVER touch display, float, width, or border-top on these.       */
body.woocommerce-checkout .woocommerce-form-coupon-toggle.woocommerce-info,
body.woocommerce-checkout p.woocommerce-info {
  border-left: 5px solid var(--evn-green) !important;
  border-radius: var(--evn-rs) !important;
  background: var(--evn-white) !important;
  box-shadow: var(--evn-sh) !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  margin-bottom: 18px !important;
}

body.woocommerce-checkout .woocommerce-form-coupon-toggle.woocommerce-info a,
body.woocommerce-checkout p.woocommerce-info a {
  color: var(--evn-green) !important;
  font-weight: 700 !important;
}

/* Coupon sliding form — visual only, never layout */
body.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon {
  background: var(--evn-white) !important;
  border: 1px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--evn-sh) !important;
}

body.woocommerce-checkout .checkout_coupon input#coupon_code,
body.woocommerce-checkout .checkout_coupon input[name="coupon_code"] {
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  padding: 10px 14px !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
  background: var(--evn-white) !important;
  transition: var(--evn-t) !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .checkout_coupon input#coupon_code:focus {
  outline: none !important;
  border-color: var(--evn-yellow) !important;
  box-shadow: 0 0 0 3px rgba(241,196,15,.2) !important;
}

body.woocommerce-checkout .checkout_coupon button[name="apply_coupon"],
body.woocommerce-checkout .checkout_coupon input[name="apply_coupon"],
body.woocommerce-checkout .checkout_coupon .button {
  padding: 10px 22px !important;
  background: linear-gradient(135deg, var(--evn-yellow) 0%, #d4a800 100%) !important;
  color: #1a1a1a !important;
  border: none !important;
  border-radius: var(--evn-rs) !important;
  font-weight: 700 !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  cursor: pointer !important;
  box-shadow: 0 2px 10px rgba(241,196,15,.35) !important;
  transition: var(--evn-t) !important;
}

/* Login form (returning customer) — visual only */
body.woocommerce-checkout .woocommerce-form-login {
  background: var(--evn-white) !important;
  border: 1px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--evn-sh) !important;
}

body.woocommerce-checkout .woocommerce-form-login input[type="text"],
body.woocommerce-checkout .woocommerce-form-login input[type="email"],
body.woocommerce-checkout .woocommerce-form-login input[type="password"] {
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  padding: 10px 14px !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
  background: var(--evn-white) !important;
  width: 100% !important;
  transition: var(--evn-t) !important;
  box-shadow: none !important;
}

body.woocommerce-checkout .woocommerce-form-login input:focus {
  outline: none !important;
  border-color: var(--evn-green) !important;
  box-shadow: 0 0 0 3px rgba(26,188,156,.15) !important;
}

body.woocommerce-checkout .woocommerce-form-login button[type="submit"],
body.woocommerce-checkout .woocommerce-form-login .woocommerce-button {
  padding: 11px 24px !important;
  background: linear-gradient(135deg, var(--evn-green) 0%, var(--evn-green-dk) 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--evn-rs) !important;
  font-weight: 700 !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: var(--evn-t) !important;
}

/* ── Section headings ───────────────────────────────────────────── */
body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-shipping-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3 {
  font-family: var(--evn-font) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--evn-text) !important;
  border-bottom: 3px solid var(--evn-green) !important;
  padding-bottom: 12px !important;
  margin: 0 0 20px !important;
}

/* ── Labels — font only, never set display ──────────────────────── */
body.woocommerce-checkout .form-row label {
  font-family: var(--evn-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--evn-text) !important;
}

body.woocommerce-checkout .form-row label abbr {
  color: var(--evn-red) !important;
  border: none !important;
  text-decoration: none !important;
}

/* ── Text inputs — use :not() to leave checkboxes/radios untouched */
body.woocommerce-checkout .form-row input.input-text,
body.woocommerce-checkout .form-row input[type="text"],
body.woocommerce-checkout .form-row input[type="email"],
body.woocommerce-checkout .form-row input[type="tel"],
body.woocommerce-checkout .form-row input[type="number"],
body.woocommerce-checkout .form-row input[type="password"],
body.woocommerce-checkout .form-row select,
body.woocommerce-checkout .form-row textarea {
  width: 100% !important;
  padding: 12px 16px !important;
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
  background: var(--evn-white) !important;
  transition: var(--evn-t) !important;
  box-shadow: none !important;
  outline: none !important;
}

body.woocommerce-checkout .form-row input.input-text:focus,
body.woocommerce-checkout .form-row input[type="text"]:focus,
body.woocommerce-checkout .form-row input[type="email"]:focus,
body.woocommerce-checkout .form-row input[type="tel"]:focus,
body.woocommerce-checkout .form-row select:focus,
body.woocommerce-checkout .form-row textarea:focus {
  border-color: var(--evn-green) !important;
  box-shadow: 0 0 0 3px rgba(26,188,156,.15) !important;
}

body.woocommerce-checkout .form-row.woocommerce-invalid input,
body.woocommerce-checkout .form-row.woocommerce-invalid select {
  border-color: var(--evn-red) !important;
  box-shadow: 0 0 0 3px rgba(231,76,60,.12) !important;
}

body.woocommerce-checkout .form-row.woocommerce-validated input,
body.woocommerce-checkout .form-row.woocommerce-validated select {
  border-color: var(--evn-ok) !important;
}

/* Select2 country/state dropdowns */
body.woocommerce-checkout .select2-container--default .select2-selection--single {
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  height: 48px !important;
  background: var(--evn-white) !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 44px !important;
  padding-left: 16px !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 46px !important;
}

body.woocommerce-checkout .select2-container--default.select2-container--open .select2-selection--single,
body.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--evn-green) !important;
  box-shadow: 0 0 0 3px rgba(26,188,156,.15) !important;
}

/* ── Order review sidebar ─────────────────────────────────────── */
body.woocommerce-checkout #order_review {
  background: var(--evn-white) !important;
  border-radius: var(--evn-r) !important;
  box-shadow: var(--evn-shl) !important;
  padding: 28px !important;
  border: 1px solid var(--evn-border) !important;
  position: sticky !important;
  top: 20px !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-checkout h3#order_review_heading {
  font-family: var(--evn-font) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--evn-text) !important;
  border-bottom: 3px solid var(--evn-green) !important;
  padding-bottom: 12px !important;
  margin: 0 0 20px !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
  font-size: 12px !important;
  color: var(--evn-muted) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  padding: 8px 0 !important;
  border-bottom: 2px solid var(--evn-border) !important;
  border-top: none !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody tr {
  border-bottom: 1px solid var(--evn-border) !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td {
  padding: 12px 0 !important;
  border: none !important;
  color: var(--evn-text) !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr th,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot tr td {
  padding: 11px 0 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  border-top: 1px solid var(--evn-border) !important;
  border-bottom: none !important;
}

body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td .amount,
body.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total strong {
  color: var(--evn-green) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

/* ── Payment methods ──────────────────────────────────────────── */
body.woocommerce-checkout #payment {
  background: #f7f9fc !important;
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  padding: 22px !important;
  margin-top: 20px !important;
  font-family: var(--evn-font) !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
  list-style: none !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--evn-border) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li:last-child {
  border-bottom: none !important;
}

/* Payment label — font only, never override display */
body.woocommerce-checkout #payment ul.payment_methods label {
  font-weight: 600 !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
  cursor: pointer !important;
}

body.woocommerce-checkout #payment div.payment_box {
  background: var(--evn-white) !important;
  border: 1px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  padding: 16px !important;
  margin-top: 12px !important;
  font-size: 13px !important;
  color: var(--evn-muted) !important;
}

/* Place order */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order {
  display: block !important;
  width: 100% !important;
  padding: 17px 28px !important;
  background: linear-gradient(135deg, var(--evn-green) 0%, var(--evn-green-dk) 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--evn-rs) !important;
  font-family: var(--evn-font) !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: .4px !important;
  cursor: pointer !important;
  transition: var(--evn-t) !important;
  box-shadow: 0 4px 18px rgba(26,188,156,.40) !important;
  margin-top: 8px !important;
  text-transform: uppercase !important;
}

body.woocommerce-checkout #place_order:hover:not(:disabled) {
  transform: translateY(-2px) !important;
  box-shadow: 0 7px 26px rgba(26,188,156,.52) !important;
}

body.woocommerce-checkout #place_order:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

/* Privacy / T&C */
body.woocommerce-checkout .woocommerce-privacy-policy-text,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
  font-family: var(--evn-font) !important;
  font-size: 12px !important;
  color: var(--evn-muted) !important;
  line-height: 1.6 !important;
  margin-top: 14px !important;
}

/* Shipping methods */
body.woocommerce-checkout ul#shipping_method {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 !important;
}

body.woocommerce-checkout ul#shipping_method li {
  padding: 9px 0 !important;
  border-bottom: 1px solid var(--evn-border) !important;
  font-size: 14px !important;
  color: var(--evn-text) !important;
}

body.woocommerce-checkout ul#shipping_method li:last-child {
  border-bottom: none !important;
}

/* WooCommerce Blocks — scoped */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-select select {
  border: 2px solid var(--evn-border) !important;
  border-radius: var(--evn-rs) !important;
  font-family: var(--evn-font) !important;
  font-size: 14px !important;
  padding: 12px 16px !important;
}

body.woocommerce-checkout .wc-block-components-text-input input:focus,
body.woocommerce-checkout .wc-block-components-select select:focus {
  border-color: var(--evn-green) !important;
  box-shadow: 0 0 0 3px rgba(26,188,156,.15) !important;
  outline: none !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  background: linear-gradient(135deg, var(--evn-green) 0%, var(--evn-green-dk) 100%) !important;
  border-radius: var(--evn-rs) !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 18px rgba(26,188,156,.40) !important;
  border: none !important;
}

body.woocommerce-cart .wc-block-cart__submit-button {
  background: linear-gradient(135deg, var(--evn-green) 0%, var(--evn-green-dk) 100%) !important;
  border-radius: var(--evn-rs) !important;
  font-weight: 800 !important;
  border: none !important;
}