/*
 * VSracing Theme — Critical Overrides
 * Loaded last with no-cache versioning — always wins
 * Consolidates all fixes in one place
 */

/* ── GLOBAL SVG SIZE CAPS ────────────────────────────────── */
svg { overflow: hidden; }
svg:not([fill]) { fill: none; }
svg:not([width]):not([height]) { width: 20px !important; height: 20px !important; max-width: 20px !important; }
.trust-feat-icon svg { width: 22px !important; height: 22px !important; max-width: 22px !important; max-height: 22px !important; }
.why-card-icon svg  { width: 20px !important; height: 20px !important; max-width: 20px !important; max-height: 20px !important; }
.nav-icon-btn svg, .social-btn svg, .cart-trust-badge svg { width: 16px !important; height: 16px !important; max-width: 16px !important; }
.btn svg { width: 14px !important; height: 14px !important; max-width: 14px !important; }

/* ── SEARCH BAR — centered ───────────────────────────────── */
#site-search-bar {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #e02020 !important;
  padding: 0.7rem 1rem !important;
}
#site-search-bar form, #site-search-bar .search-wrap {
  max-width: 660px !important;
  width: 100% !important;
  display: flex !important;
  margin: 0 auto !important;
}
.shop-hero-search, .shop-hero-search-wrap { display: none !important; }

/* ── HERO ────────────────────────────────────────────────── */
#hero { min-height: 55vh !important; max-height: 650px !important; overflow: hidden !important; }
#hero .hero-bg-deco { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; overflow: hidden !important; }

/* ── TRUST CARDS ─────────────────────────────────────────── */
#trust-cards-section { padding: 2rem !important; }
.trust-cards-grid { display: grid !important; grid-template-columns: 1fr 1fr 1.5fr !important; gap: 1.5rem !important; max-width: 1200px; margin: 0 auto; }
@media(max-width:900px){ .trust-cards-grid { grid-template-columns: 1fr 1fr !important; } .trust-feat-card--highlight { grid-column: 1/-1; } }
@media(max-width:600px){ .trust-cards-grid { grid-template-columns: 1fr !important; } }

/* ── WHY CHOOSE US ───────────────────────────────────────── */
#why-choose-us { padding: 2.5rem 2rem !important; }
.why-inner { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4rem; align-items: center; max-width:1200px; margin:0 auto; }
.why-right { display: flex !important; flex-direction: column !important; gap: 12px !important; }
@media(max-width:860px){ .why-inner { grid-template-columns: 1fr !important; gap: 2rem; } }

/* ── FEATURED/SALE PRODUCTS — 4 col ─────────────────────── */
#featured-products { padding: 2.5rem 2rem !important; }
.products-grid--4col { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 1px !important; background: var(--border) !important; border-radius: var(--radius-md) !important; overflow: hidden !important; }
.products-grid--4col .product-card { padding: 8px !important; gap: 6px !important; }
.products-grid--4col .product-thumb { height: 160px !important; aspect-ratio: unset !important; }
.products-grid--4col .product-thumb img { height: 100% !important; width: 100% !important; object-fit: cover !important; }
.products-grid--4col .prod-title { font-size: 12px !important; line-height: 1.3 !important; }
.products-grid--4col .prod-price { font-size: 18px !important; }
.products-grid--4col .prod-brand { font-size: 9px !important; }
.products-grid--4col .prod-add-btn { width: 28px !important; height: 28px !important; opacity: 1 !important; transform: translateY(0) !important; }
@media(max-width:1100px){ .products-grid--4col { grid-template-columns: repeat(3,1fr) !important; } }
@media(max-width:760px) { .products-grid--4col { grid-template-columns: repeat(2,1fr) !important; } }

/* ── SHOP PRODUCT GRID ───────────────────────────────────── */
.woocommerce ul.products { display: grid !important; grid-template-columns: repeat(4,1fr) !important; gap: 1px !important; background: var(--border) !important; margin: 0 !important; padding: 0 !important; list-style: none !important; }
.woocommerce ul.products li.product { background: var(--bg2) !important; margin: 0 !important; padding: 10px 10px 14px !important; display: flex !important; flex-direction: column !important; gap: 6px !important; transition: background .18s !important; }
.woocommerce ul.products li.product:hover { background: var(--bg3) !important; }
.woocommerce ul.products li.product img { width: 100% !important; height: 180px !important; max-height: 180px !important; object-fit: cover !important; border-radius: 4px !important; margin: 0 !important; display: block !important; background: #fff !important; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 12px !important; font-weight: 500 !important; color: #fff !important; line-height: 1.3 !important; padding: 0 !important; margin: 2px 0 0 !important; }
.woocommerce ul.products li.product .price { font-family: var(--font-head) !important; font-size: 18px !important; color: #fff !important; margin: 2px 0 0 !important; }
.woocommerce ul.products li.product .price del { font-size: 12px !important; color: var(--muted) !important; font-family: var(--font-body) !important; }
.woocommerce ul.products li.product .price ins { text-decoration: none !important; color: var(--red) !important; }
.woocommerce ul.products li.product .button { background: var(--red) !important; color: #fff !important; font-size: 10px !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; padding: 6px 14px !important; border-radius: 4px !important; border: none !important; cursor: pointer !important; width: 100% !important; text-align: center !important; box-sizing: border-box !important; display: block !important; text-decoration: none !important; margin-top: auto !important; transition: background .18s !important; }
.woocommerce ul.products li.product .button:hover { background: var(--red-dim) !important; }
.woocommerce ul.products li.product .onsale { background: var(--red) !important; color: #fff !important; font-size: 9px !important; font-weight: 600 !important; letter-spacing: .08em !important; text-transform: uppercase !important; padding: 3px 7px !important; border-radius: 2px !important; position: absolute !important; top: 18px !important; left: 18px !important; z-index: 2 !important; min-height: auto !important; min-width: auto !important; line-height: 1.4 !important; }
/* Kill blue overlays */
.woocommerce ul.products li.product *, .woocommerce ul.products li.product a { background-color: transparent !important; background-image: none !important; }
.woocommerce ul.products li.product img { background: #fff !important; }
@media(max-width:1100px){ .woocommerce ul.products { grid-template-columns: repeat(3,1fr) !important; } }
@media(max-width:760px) { .woocommerce ul.products { grid-template-columns: repeat(2,1fr) !important; } }

/* ── SIDEBAR — hide search widget ───────────────────────── */
.shop-sidebar .widget_search, .shop-sidebar .widget_product_search, .shop-sidebar form[role="search"], .shop-sidebar .wp-block-search { display: none !important; }

/* ── SINGLE PRODUCT ──────────────────────────────────────── */
.woocommerce div.product { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 3rem !important; padding: 3rem 2rem !important; max-width: 1200px !important; margin: 0 auto !important; align-items: start !important; }
.woocommerce div.product div.images { grid-column: 1 !important; }
.woocommerce div.product div.summary { grid-column: 2 !important; }
.woocommerce div.product .woocommerce-tabs, .woocommerce div.product .up-sells, .woocommerce div.product .related { grid-column: 1/-1 !important; }
.woocommerce div.product .product_title { font-family: var(--font-head) !important; font-size: clamp(24px,3vw,40px) !important; color: #fff !important; line-height: 1.05 !important; margin-bottom: 1rem !important; }
.woocommerce div.product p.price, .woocommerce div.product span.price { font-family: var(--font-head) !important; font-size: 32px !important; color: #fff !important; display: block !important; margin-bottom: 1.5rem !important; }
.woocommerce div.product p.price del { font-size: 18px !important; color: var(--muted) !important; font-family: var(--font-body) !important; }
.woocommerce div.product p.price ins { text-decoration: none !important; color: var(--red) !important; }
.woocommerce div.product .woocommerce-product-details__short-description { font-size: 14px !important; color: var(--muted2) !important; line-height: 1.75 !important; margin-bottom: 1.5rem !important; }
/* Sale badge — small pill not giant box */
.woocommerce div.product span.onsale { position: absolute !important; top: 12px !important; left: 12px !important; width: auto !important; height: auto !important; min-width: auto !important; min-height: auto !important; border-radius: 3px !important; background: var(--red) !important; color: #fff !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; padding: 4px 10px !important; line-height: 1.4 !important; z-index: 10 !important; display: inline-block !important; font-family: var(--font-body) !important; }
/* Product images */
.woocommerce div.product div.images img { width: 100% !important; height: auto !important; max-height: 500px !important; object-fit: contain !important; background: var(--bg3) !important; border-radius: var(--radius-md) !important; }
/* Gallery thumbs */
.woocommerce div.product .flex-control-thumbs { display: flex !important; gap: 8px !important; margin-top: 10px !important; padding: 0 !important; list-style: none !important; flex-wrap: wrap !important; }
.woocommerce div.product .flex-control-thumbs img { width: 70px !important; height: 70px !important; max-height: 70px !important; object-fit: cover !important; border-radius: var(--radius) !important; border: 2px solid var(--border) !important; cursor: pointer !important; opacity: .7 !important; }
.woocommerce div.product .flex-control-thumbs img.flex-active, .woocommerce div.product .flex-control-thumbs img:hover { opacity: 1 !important; border-color: var(--red) !important; }
/* Variation selects */
.woocommerce div.product form.cart .variations { width: 100% !important; margin-bottom: 1.5rem !important; border-collapse: separate !important; border-spacing: 0 10px !important; }
.woocommerce div.product form.cart .variations th.label label { font-size: 11px !important; font-weight: 600 !important; letter-spacing: .12em !important; text-transform: uppercase !important; color: var(--muted) !important; }
.woocommerce div.product form.cart .variations select { background: var(--bg3) !important; border: 1px solid var(--border2) !important; color: #fff !important; border-radius: var(--radius) !important; padding: 10px 36px 10px 14px !important; font-size: 14px !important; font-family: var(--font-body) !important; height: 44px !important; width: 100% !important; min-width: 200px !important; outline: none !important; cursor: pointer !important; appearance: none !important; -webkit-appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; }
.woocommerce div.product form.cart .variations select:focus { border-color: var(--red) !important; box-shadow: 0 0 0 3px rgba(224,32,32,.1) !important; }
.woocommerce div.product .reset_variations { font-size: 11px !important; color: var(--muted) !important; text-decoration: none !important; letter-spacing: .06em !important; text-transform: uppercase !important; }
.woocommerce div.product .woocommerce-variation-price .price { font-family: var(--font-head) !important; font-size: 36px !important; color: #fff !important; display: block !important; margin-bottom: 1rem !important; }
.woocommerce div.product .woocommerce-variation-description p { font-size: 13px !important; color: var(--muted) !important; padding: 10px 14px !important; background: var(--bg3) !important; border-radius: var(--radius) !important; border-left: 3px solid var(--red) !important; }
.woocommerce div.product form.cart .woocommerce-variation-add-to-cart { display: flex !important; align-items: center !important; gap: 12px !important; margin-top: 1rem !important; }
.woocommerce div.product form.cart input.qty { background: var(--bg3) !important; border: 1px solid var(--border2) !important; color: #fff !important; border-radius: var(--radius) !important; height: 48px !important; width: 70px !important; text-align: center !important; font-size: 16px !important; outline: none !important; }
.woocommerce div.product form.cart input.qty:focus { border-color: var(--red) !important; }
.woocommerce div.product form.cart .single_add_to_cart_button { background: var(--red) !important; color: #fff !important; border: none !important; border-radius: var(--radius) !important; height: 48px !important; padding: 0 32px !important; font-family: var(--font-body) !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; cursor: pointer !important; flex: 1 !important; box-shadow: 0 4px 16px rgba(224,32,32,.3) !important; transition: background .18s !important; }
.woocommerce div.product form.cart .single_add_to_cart_button:hover { background: var(--red-dim) !important; }
.woocommerce div.product form.cart .single_add_to_cart_button.disabled { opacity: .45 !important; cursor: not-allowed !important; box-shadow: none !important; }
.woocommerce div.product .product_meta { font-size: 12px !important; color: var(--muted) !important; margin-top: 1.5rem !important; padding-top: 1.5rem !important; border-top: 1px solid var(--border) !important; }
.woocommerce div.product .product_meta a { color: var(--red) !important; }
@media(max-width:768px){ .woocommerce div.product { grid-template-columns: 1fr !important; gap: 1.5rem !important; padding: 1.5rem 1rem !important; } .woocommerce div.product div.images, .woocommerce div.product div.summary { grid-column: 1 !important; } }

/* ── CART & CHECKOUT ─────────────────────────────────────── */
.woocommerce-cart #page, .woocommerce-cart #main, .woocommerce-cart .woocommerce, .woocommerce-cart .site-main { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; }
.vsracing-cart-page { width: 100% !important; max-width: 100% !important; padding: 2rem 2.5rem 5rem !important; }
.vsracing-cart-layout { display: grid !important; grid-template-columns: minmax(400px,1fr) 380px !important; gap: 2rem !important; width: 100% !important; }
@media(max-width:900px){ .vsracing-cart-layout { grid-template-columns: 1fr !important; } .vsracing-cart-right { position: static !important; } }
@media(max-width:600px){ .vsracing-cart-page { padding: 1rem !important; } }

/* ── WC NOTICES ──────────────────────────────────────────── */
.woocommerce-message { background: rgba(26,110,42,.15) !important; border: 1px solid rgba(26,110,42,.35) !important; color: #5dd879 !important; border-radius: var(--radius-md) !important; padding: 12px 16px !important; list-style: none !important; border-top: none !important; }
.woocommerce-error   { background: rgba(224,32,32,.1)  !important; border: 1px solid rgba(224,32,32,.3)  !important; color: #f87171 !important; border-radius: var(--radius-md) !important; padding: 12px 16px !important; list-style: none !important; border-top: none !important; }
.woocommerce-info    { background: rgba(59,130,246,.1) !important; border: 1px solid rgba(59,130,246,.3) !important; color: #93c5fd !important; border-radius: var(--radius-md) !important; padding: 12px 16px !important; list-style: none !important; border-top: none !important; }

/* ── DEQUEUE ELEMENTOR LEFTOVERS ─────────────────────────── */
[class*="elementor-"]:not(.elementor-widget-wrap) { background: transparent !important; }

/* ── CONTACT PAGE — hide Elementor duplicate content ─────── */
.page-template-page-contact-us .entry-content,
.page-template-page-contact-us .elementor,
.page-template-page-contact-us [class*="elementor-"],
body.page-id-contact .elementor { display: none !important; }

/* ── CART TABLE COLUMN FIX ───────────────────────────────── */
/* Force table to use full left column width */
.woocommerce-cart-form table.shop_table {
  table-layout: fixed !important;
  width: 100% !important;
}
/* Column widths */
.woocommerce-cart-form table.shop_table thead th.product-remove    { width: 44px !important; }
.woocommerce-cart-form table.shop_table thead th.product-thumbnail { width: 90px !important; }
.woocommerce-cart-form table.shop_table thead th.product-name      { width: auto !important; }
.woocommerce-cart-form table.shop_table thead th.product-price     { width: 100px !important; }
.woocommerce-cart-form table.shop_table thead th.product-quantity  { width: 90px !important; }
.woocommerce-cart-form table.shop_table thead th.product-subtotal  { width: 100px !important; }

/* Cells — all visible */
.woocommerce-cart-form table.shop_table td {
  overflow: visible !important;
  vertical-align: middle !important;
  padding: 14px 10px !important;
  border-bottom: 1px solid var(--border) !important;
}

/* Thumbnail — show image */
.woocommerce-cart-form td.product-thumbnail {
  width: 90px !important;
  padding: 10px 6px !important;
}
.woocommerce-cart-form td.product-thumbnail a { display: block !important; }
.woocommerce-cart-form td.product-thumbnail img {
  width: 76px !important;
  height: 76px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  background: var(--bg4) !important;
  display: block !important;
  border: 1px solid var(--border) !important;
}

/* Product name — full visible */
.woocommerce-cart-form td.product-name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.woocommerce-cart-form td.product-name a {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  line-height: 1.4 !important;
  display: block !important;
  word-break: break-word !important;
}
.woocommerce-cart-form td.product-name a:hover { color: var(--red) !important; }
.woocommerce-cart-form td.product-name .variation { font-size: 11px !important; color: var(--muted) !important; margin-top: 3px !important; }

/* Price columns */
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form td.product-subtotal {
  font-family: var(--font-head) !important;
  font-size: 20px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-align: right !important;
}
.woocommerce-cart-form td.product-price   { color: rgba(255,255,255,0.7) !important; }
.woocommerce-cart-form td.product-subtotal { color: var(--red) !important; font-size: 22px !important; }

/* Quantity input */
.woocommerce-cart-form td.product-quantity input.qty {
  width: 56px !important;
  height: 36px !important;
  text-align: center !important;
  background: var(--bg3) !important;
  border: 1px solid var(--border2) !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  -moz-appearance: textfield !important;
}
.woocommerce-cart-form td.product-quantity input.qty::-webkit-outer-spin-button,
.woocommerce-cart-form td.product-quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none !important; }

/* Remove button */
.woocommerce-cart-form td.product-remove { width: 40px !important; padding: 10px 4px 10px 10px !important; }
.woocommerce-cart-form td.product-remove a.remove {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 26px !important; height: 26px !important; border-radius: 50% !important;
  background: var(--bg3) !important; color: var(--muted) !important;
  font-size: 16px !important; border: 1px solid var(--border) !important;
  text-decoration: none !important; transition: all .18s !important;
}
.woocommerce-cart-form td.product-remove a.remove:hover {
  background: rgba(224,32,32,.15) !important; color: var(--red) !important; border-color: var(--red) !important;
}

/* Cart actions row */
.woocommerce-cart-form .actions {
  display: flex !important; align-items: center !important;
  justify-content: space-between !important; gap: 10px !important;
  padding: 12px 14px !important; background: var(--bg3) !important;
  border-top: 1px solid var(--border) !important; flex-wrap: wrap !important;
}
.woocommerce-cart-form .actions .coupon { display: flex !important; flex: 1 !important; max-width: 280px !important; }
.woocommerce-cart-form .actions .coupon #coupon_code {
  flex: 1 !important; height: 36px !important; padding: 0 12px !important;
  background: var(--bg2) !important; border: 1px solid var(--border2) !important;
  border-right: none !important; border-radius: 4px 0 0 4px !important;
  color: var(--text) !important; font-size: 13px !important; outline: none !important;
}
.woocommerce-cart-form .actions .coupon button[name="apply_coupon"] {
  height: 36px !important; padding: 0 14px !important;
  background: var(--bg2) !important; color: var(--muted2) !important;
  border: 1px solid var(--border2) !important; border-left: none !important;
  border-radius: 0 4px 4px 0 !important; font-size: 11px !important;
  letter-spacing: .08em !important; text-transform: uppercase !important;
  cursor: pointer !important; white-space: nowrap !important;
}
.woocommerce-cart-form .actions button[name="update_cart"] {
  height: 36px !important; padding: 0 14px !important;
  background: transparent !important; color: var(--muted) !important;
  border: 1px solid var(--border) !important; border-radius: 4px !important;
  font-size: 11px !important; letter-spacing: .08em !important;
  text-transform: uppercase !important; cursor: pointer !important;
}
.woocommerce-cart-form .actions button[name="update_cart"]:disabled { opacity: .3 !important; }
/* ── CART — MINIMAL SAFE FIX ─────────────────────────────── */
/* Only fix what's broken, don't touch the layout */

/* Make table and all cells fully visible */
.woocommerce-cart-form table.shop_table,
.woocommerce-cart-form table.shop_table thead,
.woocommerce-cart-form table.shop_table tbody,
.woocommerce-cart-form table.shop_table tfoot,
.woocommerce-cart-form table.shop_table tr,
.woocommerce-cart-form table.shop_table th,
.woocommerce-cart-form table.shop_table td {
  visibility: visible !important;
  opacity: 1 !important;
  display: revert !important;
}

/* Force table display */
.woocommerce-cart-form table.shop_table { display: table !important; width: 100% !important; border-collapse: collapse !important; }
.woocommerce-cart-form table.shop_table thead { display: table-header-group !important; }
.woocommerce-cart-form table.shop_table tbody { display: table-row-group !important; }
.woocommerce-cart-form table.shop_table tr { display: table-row !important; }
.woocommerce-cart-form table.shop_table th,
.woocommerce-cart-form table.shop_table td { display: table-cell !important; }

/* Thumbnail visible */
.woocommerce-cart-form td.product-thumbnail img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 70px !important;
  height: 70px !important;
  object-fit: cover !important;
}

/* Name visible */
.woocommerce-cart-form td.product-name,
.woocommerce-cart-form td.product-name a { 
  display: table-cell !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #fff !important;
}
.woocommerce-cart-form td.product-name { display: table-cell !important; }
.woocommerce-cart-form td.product-name a { display: block !important; font-size: 14px !important; font-weight: 500 !important; }

/* Price visible */
.woocommerce-cart-form td.product-price,
.woocommerce-cart-form td.product-subtotal {
  display: table-cell !important;
  visibility: visible !important;
  opacity: 1 !important;
  font-family: var(--font-head) !important;
  font-size: 20px !important;
  white-space: nowrap !important;
}
.woocommerce-cart-form td.product-subtotal { color: var(--red) !important; }

/* Cell padding */
.woocommerce-cart-form table.shop_table th { padding: 10px 12px !important; background: var(--bg3) !important; color: var(--muted) !important; font-size: 10px !important; letter-spacing: .12em !important; text-transform: uppercase !important; border-bottom: 1px solid var(--border) !important; }
.woocommerce-cart-form table.shop_table td { padding: 12px !important; border-bottom: 1px solid var(--border) !important; vertical-align: middle !important; }

/* Checkout button */
.wc-proceed-to-checkout .checkout-button { background: var(--red) !important; color: #fff !important; }
.wc-proceed-to-checkout .checkout-button:hover { background: var(--red-dim) !important; }

/* ── CROSS-SELLS "YOU MAY BE INTERESTED IN" ──────────────── */
.cross-sells {
  clear: both !important;
  width: 100% !important;
  margin-top: 2.5rem !important;
  padding-top: 2rem !important;
  border-top: 1px solid var(--border) !important;
  grid-column: 1 / -1 !important;
}
.cross-sells h2 {
  font-family: var(--font-head) !important;
  font-size: clamp(22px, 2.5vw, 32px) !important;
  color: #fff !important;
  margin-bottom: 1.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}
/* Cross-sells product grid — 4 columns */
.cross-sells ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1px !important;
  background: var(--border) !important;
  border-radius: var(--radius-md) !important;
  overflow: hidden !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cross-sells ul.products li.product {
  background: var(--bg2) !important;
  padding: 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  transition: background .18s !important;
}
.cross-sells ul.products li.product:hover { background: var(--bg3) !important; }
.cross-sells ul.products li.product img {
  width: 100% !important;
  height: 160px !important;
  object-fit: cover !important;
  border-radius: 4px !important;
  display: block !important;
  background: #fff !important;
}
.cross-sells ul.products li.product .woocommerce-loop-product__title {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #fff !important;
  line-height: 1.3 !important;
  padding: 0 !important;
  margin: 0 !important;
}
.cross-sells ul.products li.product .price {
  font-family: var(--font-head) !important;
  font-size: 18px !important;
  color: #fff !important;
  margin: 2px 0 0 !important;
}
.cross-sells ul.products li.product .button {
  background: var(--red) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  border: none !important;
  cursor: pointer !important;
  width: 100% !important;
  text-align: center !important;
  display: block !important;
  text-decoration: none !important;
  margin-top: auto !important;
  transition: background .18s !important;
}
.cross-sells ul.products li.product .button:hover { background: var(--red-dim) !important; }

@media (max-width: 900px) { .cross-sells ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
/* ══════════════════════════════════════════════════════════
   WOOCOMMERCE BLOCKS CHECKOUT — VSracing Dark Theme
   ══════════════════════════════════════════════════════════ */

/* Page wrapper */
.woocommerce-checkout-block,
.wp-block-woocommerce-checkout { 
  max-width: 1300px !important; 
  margin: 0 auto !important; 
  padding: 2rem 2rem 5rem !important;
  font-family: var(--font-body) !important;
}

/* Main two-column layout */
.wc-block-checkout__main { 
  background: transparent !important; 
  border: none !important; 
  padding: 0 !important;
}

/* Contact info, shipping, payment — left side inputs */
.wc-block-checkout__contact-fields,
.wc-block-checkout__shipping-fields,
.wc-block-checkout__payment-method,
.wc-block-checkout__actions {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

/* Section headings */
.wc-block-checkout__contact-fields h2,
.wc-block-checkout__shipping-fields h2,
.wc-block-checkout__payment-method h2,
.wc-block-components-checkout-step__title,
.wc-block-checkout__step-title {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin-bottom: 1.2rem !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--border) !important;
}

/* All text inputs */
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-combobox input,
.wc-block-components-country-input input,
.wc-block-components-state-input select,
.wc-block-checkout input[type="text"],
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="tel"],
.wc-block-checkout input[type="password"],
.wc-block-checkout select,
.wc-block-checkout textarea {
  background: var(--bg3) !important;
  border: 1px solid var(--border2) !important;
  border-radius: 4px !important;
  color: var(--text) !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  padding: 11px 14px !important;
  height: auto !important;
  box-shadow: none !important;
  outline: none !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus,
.wc-block-checkout input:focus,
.wc-block-checkout select:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px rgba(224,32,32,0.12) !important;
  outline: none !important;
}
.wc-block-components-text-input input::placeholder,
.wc-block-checkout input::placeholder { color: var(--muted) !important; }

/* Labels */
.wc-block-components-text-input label,
.wc-block-components-select label,
.wc-block-components-combobox label,
.wc-block-checkout label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  margin-bottom: 4px !important;
}

/* Checkbox */
.wc-block-checkout input[type="checkbox"] { accent-color: var(--red) !important; }
.wc-block-components-checkbox .wc-block-components-checkbox__label { color: var(--muted2) !important; font-size: 13px !important; }

/* Order summary — right side */
.wc-block-checkout__sidebar,
.wc-block-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-block {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  padding: 0 !important;
}
.wc-block-checkout-order-summary-totals-block,
.wc-block-checkout-order-summary-cart-items-block {
  padding: 1rem 1.2rem !important;
  border-bottom: 1px solid var(--border) !important;
}
.wc-block-checkout-order-summary-block h2 {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  padding: 12px 16px !important;
  background: var(--bg3) !important;
  border-bottom: 1px solid var(--border) !important;
  margin: 0 !important;
}

/* Cart items in sidebar */
.wc-block-order-summary-item__image img { border-radius: 4px !important; border: 1px solid var(--border) !important; }
.wc-block-order-summary-item__individual-prices,
.wc-block-order-summary-item__subtitle { color: var(--muted) !important; font-size: 12px !important; }
.wc-block-order-summary-item__quantity { background: var(--red) !important; color: #fff !important; border-radius: 50% !important; }
.wc-block-order-summary-item__total-price { font-family: var(--font-head) !important; font-size: 18px !important; color: #fff !important; }
.wc-block-order-summary-item__description { color: var(--muted2) !important; font-size: 12px !important; }

/* Totals rows */
.wc-block-components-totals-item { 
  display: flex !important; 
  justify-content: space-between !important; 
  padding: 8px 0 !important; 
  border-bottom: 1px solid var(--border) !important;
  font-size: 13px !important;
  color: var(--muted2) !important;
}
.wc-block-components-totals-item:last-child { border-bottom: none !important; }
.wc-block-components-totals-item__label { color: var(--muted) !important; font-size: 11px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; font-weight: 600 !important; }
.wc-block-components-totals-item__value { font-family: var(--font-head) !important; font-size: 20px !important; color: #fff !important; }

/* Total row */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 12px !important; color: #fff !important; font-weight: 700 !important; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 28px !important; color: #fff !important; }
.wc-block-components-totals-footer-item { background: var(--bg3) !important; padding: 12px 16px !important; margin: 0 -1.2rem -1rem !important; border-top: 1px solid var(--border) !important; }


/* Shipping options */
.wc-block-components-radio-control__option { 
  padding: 8px 12px !important; 
  border-radius: 4px !important; 
  border: 1px solid transparent !important;
  transition: background 0.15s !important;
  margin-bottom: 2px !important;
}
.wc-block-components-radio-control__option:hover { background: var(--bg3) !important; }
.wc-block-components-radio-control__option input[type="radio"] { accent-color: var(--red) !important; }
.wc-block-components-radio-control__option-layout { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; }
.wc-block-components-radio-control-accordion-option--selected { background: rgba(224,32,32,0.08) !important; border-color: rgba(224,32,32,0.2) !important; }
.wc-block-components-shipping-rates-control__package-rates .wc-block-components-radio-control__option-checked { background: rgba(224,32,32,0.08) !important; border-color: rgba(224,32,32,0.2) !important; }

/* Shipping rate label + price */
.wc-block-components-radio-control__label { color: rgba(255,255,255,0.85) !important; font-size: 13px !important; }
.wc-block-components-shipping-rates-control__package .wc-block-components-radio-control__description { color: var(--muted) !important; font-size: 11px !important; }

/* Payment methods */
.wc-block-components-payment-method-label { color: var(--text) !important; font-size: 14px !important; }
.wc-block-components-payment-method-icons img { height: 22px !important; width: auto !important; }
.wc-block-components-radio-control--payment .wc-block-components-radio-control__option { border-bottom: 1px solid var(--border) !important; border-radius: 0 !important; }

/* Place order button */
.wc-block-components-checkout-place-order-button,
.wc-block-checkout__place-order .wc-block-components-button {
  background: var(--red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  height: 52px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  width: 100% !important;
  cursor: pointer !important;
  font-family: var(--font-body) !important;
  box-shadow: 0 4px 16px rgba(224,32,32,0.3) !important;
  transition: background 0.18s !important;
}
.wc-block-components-checkout-place-order-button:hover { background: var(--red-dim) !important; }

/* Express payment buttons (PayPal, Google Pay) */
.wc-block-components-express-payment { 
  background: var(--bg3) !important; 
  border: 1px solid var(--border) !important; 
  border-radius: 8px !important; 
  padding: 1rem !important; 
  margin-bottom: 1.5rem !important; 
}
.wc-block-components-express-payment__title { font-size: 11px !important; color: var(--muted) !important; text-transform: uppercase !important; letter-spacing: 0.1em !important; margin-bottom: 0.8rem !important; }

/* Notices */
.wc-block-components-notice-banner { border-radius: 6px !important; border: 1px solid !important; padding: 12px 16px !important; font-size: 13px !important; }
.wc-block-components-notice-banner.is-error { background: rgba(224,32,32,0.1) !important; border-color: rgba(224,32,32,0.3) !important; color: #f87171 !important; }
.wc-block-components-notice-banner.is-success { background: rgba(26,110,42,0.15) !important; border-color: rgba(26,110,42,0.35) !important; color: #5dd879 !important; }

/* Route shipping protection — style it nicely */
.wc-block-checkout .route-widget,
.wc-block-checkout [class*="route"] {
  background: rgba(59,130,246,0.08) !important;
  border: 1px solid rgba(59,130,246,0.2) !important;
  border-radius: 6px !important;
  padding: 10px 14px !important;
  margin-bottom: 1rem !important;
  font-size: 13px !important;
  color: #93c5fd !important;
}

/* Remove default white backgrounds */
.wc-block-checkout .wc-block-checkout__main *,
.wp-block-woocommerce-checkout * { box-shadow: none !important; }
.wc-block-components-text-input,
.wc-block-components-combobox { background: transparent !important; }

/* Step numbers — style them red */
.wc-block-components-checkout-step__number {
  background: var(--red) !important;
  color: #fff !important;
  border: none !important;
  font-family: var(--font-head) !important;
  font-size: 16px !important;
}

/* "Log in" link */
.wc-block-checkout__contact-fields a { color: var(--red) !important; }

/* ── PAC CONTAINER (Google Places dropdown) ──────────────── */
.pac-container { z-index: 999999 !important; }

/* ── ROUTE SHIPPING PROTECTION — CHECKOUT BLOCK ─────────── */
/* Main Route widget container */
.wc-block-checkout__totals-wrapper [class*="route"],
.wc-block-components-totals-wrapper [class*="route"],
[class*="route-widget"],
[class*="RouteWidget"],
[id*="route-widget"],
.wc-block-checkout [class*="route-protection"],
.wc-block-checkout [class*="RouteProtection"] {
  background: rgba(30,40,60,0.6) !important;
  border: 1px solid rgba(99,130,200,0.2) !important;
  border-radius: 6px !important;
  padding: 8px 14px !important;
  margin: 6px 0 !important;
  font-size: 12px !important;
}

/* Route checkbox row */
.wc-block-checkout [class*="route"] label,
.wc-block-checkout [class*="route"] .route-label {
  font-size: 12px !important;
  color: rgba(255,255,255,0.75) !important;
}

/* Route price */
.wc-block-checkout [class*="route"] .route-price,
.wc-block-checkout [class*="route"] span:last-child {
  font-size: 13px !important;
  color: rgba(255,255,255,0.9) !important;
}

/* Route notice text */
.wc-block-checkout [class*="route"] p,
.wc-block-checkout [class*="route"] .route-description,
.wc-block-checkout [class*="route-notice"],
.wc-block-checkout [class*="RouteNotice"] {
  font-size: 11px !important;
  color: rgba(147,197,253,0.7) !important;
  line-height: 1.4 !important;
  margin: 4px 0 0 !important;
  border-left: 2px solid rgba(99,130,200,0.4) !important;
  padding-left: 8px !important;
}

/* Route logo image — smaller */
.wc-block-checkout [class*="route"] img {
  height: 14px !important;
  width: auto !important;
  opacity: 0.7 !important;
  vertical-align: middle !important;
}

/* Route checkbox */
.wc-block-checkout [class*="route"] input[type="checkbox"] {
  accent-color: #3b82f6 !important;
  width: 14px !important;
  height: 14px !important;
}

/* Route — target the outer wrapper that contains it in order summary */
.wc-block-order-summary-item:has([class*="route"]),
.wc-block-components-totals-item:has([class*="route"]) {
  background: rgba(30,40,60,0.5) !important;
  border-radius: 6px !important;
  padding: 6px 10px !important;
  margin: 4px 0 !important;
  border: 1px solid rgba(99,130,200,0.15) !important;
  font-size: 12px !important;
}

/* Shrink all text inside Route widget */
.wc-block-checkout__totals-wrapper > div:first-child,
.wc-block-checkout__totals-wrapper > div:first-child * {
  font-size: 12px !important;
  line-height: 1.4 !important;
}
/* But keep price normal size */
.wc-block-checkout__totals-wrapper > div:first-child .wc-block-components-totals-item__value {
  font-size: 14px !important;
}
/* ── CART TOTALS — WIDER BOX + SHIPPING LAYOUT ───────────── */
@supports (display: grid) {
  .woocommerce-cart .woocommerce {
    grid-template-columns: 1fr 460px !important;
  }
}
.cart-collaterals, .vsracing-cart-right { min-width: 440px !important; }

.cart_totals table { width: 100% !important; border-collapse: collapse !important; }
.cart_totals table th {
  font-size: 10px !important; font-weight: 600 !important;
  letter-spacing: .1em !important; text-transform: uppercase !important;
  color: var(--muted) !important; padding: 12px 14px !important;
  border-bottom: 1px solid var(--border) !important;
  vertical-align: top !important; width: 28% !important;
}
.cart_totals table td {
  padding: 10px 14px !important; color: var(--muted2) !important;
  border-bottom: 1px solid var(--border) !important;
  vertical-align: top !important; width: 72% !important;
}

/* Shipping row — no padding so list fits */
.cart_totals table tr.shipping td { padding: 4px 8px 4px 4px !important; }

/* Shipping list */
.cart_totals #shipping_method {
  list-style: none !important; padding: 0 !important; margin: 0 !important;
  display: flex !important; flex-direction: column !important; gap: 2px !important;
  width: 100% !important;
}
.cart_totals #shipping_method li {
  display: flex !important; align-items: center !important;
  gap: 8px !important; padding: 7px 10px !important;
  border-radius: 4px !important; border: 1px solid transparent !important;
  cursor: pointer !important; transition: background .15s !important;
  white-space: nowrap !important; overflow: hidden !important;
}
.cart_totals #shipping_method li:hover { background: var(--bg3) !important; }
.cart_totals #shipping_method li:has(input:checked) {
  background: rgba(224,32,32,.08) !important;
  border-color: rgba(224,32,32,.2) !important;
}
.cart_totals #shipping_method li input[type="radio"] {
  flex-shrink: 0 !important; width: 14px !important; height: 14px !important;
  accent-color: var(--red) !important; margin: 0 !important; cursor: pointer !important;
}
.cart_totals #shipping_method li label {
  display: flex !important; align-items: center !important;
  justify-content: space-between !important; width: 100% !important;
  gap: 10px !important; cursor: pointer !important;
  font-size: 12px !important; color: rgba(255,255,255,.85) !important;
  overflow: hidden !important; min-width: 0 !important;
}
.cart_totals #shipping_method li label .woocommerce-Price-amount {
  font-family: var(--font-head) !important; font-size: 18px !important;
  color: #fff !important; white-space: nowrap !important;
  flex-shrink: 0 !important; margin-left: auto !important;
}
/* Method name span — truncate */
.cart_totals #shipping_method li label > span:not(:has(.woocommerce-Price-amount)) {
  flex: 1 !important; overflow: hidden !important;
  text-overflow: ellipsis !important; white-space: nowrap !important; min-width: 0 !important;
}

/* Order total */
.cart_totals table .order-total th, .cart_totals table .order-total td {
  background: var(--bg3) !important; border-bottom: none !important;
  color: #fff !important; padding: 14px !important;
}
.cart_totals table .order-total td .woocommerce-Price-amount {
  font-family: var(--font-head) !important; font-size: 30px !important; color: #fff !important;
}

/* Checkout button */
.wc-proceed-to-checkout { padding: 12px 14px !important; }
.wc-proceed-to-checkout .checkout-button {
  display: flex !important; align-items: center !important; justify-content: center !important;
  width: 100% !important; height: 50px !important; background: var(--red) !important;
  color: #fff !important; border: none !important; border-radius: 4px !important;
  font-size: 13px !important; font-weight: 700 !important; letter-spacing: .1em !important;
  text-transform: uppercase !important; text-decoration: none !important;
  cursor: pointer !important; transition: background .18s !important;
}
.wc-proceed-to-checkout .checkout-button:hover { background: var(--red-dim) !important; }

/* ── LOGIN PAGE ──────────────────────────────────────────── */
.login #page,
.login #main,
.login .woocommerce { max-width: 500px !important; margin: 3rem auto !important; padding: 0 1.5rem 5rem !important; }

.login h1, .woocommerce-account h1,
.login h2, .woocommerce-account h2 {
  font-size: clamp(28px,4vw,48px) !important;
  margin-bottom: 1.5rem !important;
}

/* Login form card */
.woocommerce-form-login,
.login form {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 2rem !important;
  margin-bottom: 2rem !important;
}

/* Register form card */
.woocommerce-form-register {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 2rem !important;
}

/* Form rows */
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row,
.login .form-group, .login p {
  margin-bottom: 16px !important;
}
.woocommerce-form-login .form-row label,
.woocommerce-form-register .form-row label,
.login label {
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: .1em !important; text-transform: uppercase !important;
  color: var(--muted) !important; display: block !important; margin-bottom: 5px !important;
}
.woocommerce-form-login .form-row input,
.woocommerce-form-register .form-row input,
.login input[type="text"],
.login input[type="email"],
.login input[type="password"] {
  width: 100% !important; background: var(--bg3) !important;
  border: 1px solid var(--border2) !important; color: var(--text) !important;
  border-radius: 4px !important; padding: 12px 14px !important;
  font-size: 14px !important; font-family: var(--font-body) !important;
  outline: none !important; box-sizing: border-box !important;
}
.woocommerce-form-login .form-row input:focus,
.login input:focus { border-color: var(--red) !important; box-shadow: 0 0 0 3px rgba(224,32,32,.1) !important; }

/* Remember me */
.woocommerce-form-login__rememberme { display: flex !important; align-items: center !important; gap: 8px !important; color: var(--muted) !important; font-size: 13px !important; }
.woocommerce-form-login__rememberme input { width: auto !important; accent-color: var(--red) !important; }

/* Login button — big red */
.woocommerce-form-login .button,
.woocommerce-form-register .button,
.login .button,
.woocommerce-Button.button {
  display: block !important; width: 100% !important;
  height: 52px !important; background: var(--red) !important;
  color: #fff !important; border: none !important; border-radius: 4px !important;
  font-size: 14px !important; font-weight: 700 !important; letter-spacing: .1em !important;
  text-transform: uppercase !important; cursor: pointer !important;
  font-family: var(--font-body) !important; margin-top: 1rem !important;
  box-shadow: 0 4px 16px rgba(224,32,32,.3) !important;
  transition: background .18s !important; text-align: center !important;
  line-height: 52px !important; text-decoration: none !important;
}
.woocommerce-form-login .button:hover { background: var(--red-dim) !important; color: #fff !important; }

/* Lost password link */
.woocommerce-LostPassword a, .login a { color: var(--red) !important; font-size: 13px !important; }

/* Register heading separator */
.woocommerce-account .woocommerce-form-register h2 {
  font-size: 22px !important; margin-bottom: 1rem !important; border-top: 1px solid var(--border) !important; padding-top: 2rem !important;
}

/* ── 2FA / MFA INPUT FIX ─────────────────────────────────── */
/* Make 2FA prompt visible and properly styled */
.two-factor-prompt,
#two-factor-prompt,
.two-factor-wrap,
[class*="two-factor"],
[id*="two-factor"],
[class*="2fa"],
[id*="2fa"] {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  padding: 1.5rem !important;
  margin: 1rem 0 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* 2FA code input */
input[name="two-factor-code"],
input[name="authcode"],
input[name="totp"],
input[id*="authcode"],
input[id*="two-factor"] {
  background: var(--bg3) !important;
  border: 2px solid var(--red) !important;
  color: #fff !important; border-radius: 4px !important;
  padding: 14px 18px !important; font-size: 24px !important;
  letter-spacing: .3em !important; text-align: center !important;
  width: 100% !important; box-sizing: border-box !important;
  font-family: monospace !important;
}
input[name="two-factor-code"]:focus,
input[name="authcode"]:focus {
  box-shadow: 0 0 0 3px rgba(224,32,32,.2) !important; outline: none !important;
}

/* 2FA section heading */
.two-factor-prompt h3,
[class*="two-factor"] h3,
[class*="two-factor"] p {
  color: var(--muted2) !important; font-size: 14px !important; margin-bottom: 1rem !important;
}

/* Notice banner at top */
.two-factor-wrap .error,
.login .woocommerce-error,
.login .message {
  background: rgba(224,32,32,.1) !important;
  border: 1px solid rgba(224,32,32,.3) !important;
  border-radius: 6px !important; padding: 12px 16px !important;
  color: #f87171 !important; font-size: 13px !important;
  margin-bottom: 1rem !important; list-style: none !important;
}

/* ── CHECKOUT "LOG IN" LINK → BUTTON ─────────────────────── */
.wc-block-checkout__contact-fields .wc-block-components-checkout-step__description a,
.wc-block-checkout a[href*="login"],
.wc-block-checkout a[href*="my-account"],
.wc-block-components-checkout-step__description a {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  color: var(--red) !important;
  border: 1px solid var(--red) !important;
  border-radius: 4px !important;
  padding: 5px 14px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background .18s, color .18s !important;
  float: right !important;
  margin-top: -2px !important;
}
.wc-block-checkout a[href*="login"]:hover,
.wc-block-checkout a[href*="my-account"]:hover {
  background: var(--red) !important;
  color: #fff !important;
}

/* Also fix the email/password inputs in blocks checkout — remove white bg */
.wc-block-checkout input[type="email"],
.wc-block-checkout input[type="password"],
.wc-block-checkout input[type="text"] {
  background: var(--bg3) !important;
  border: 1px solid var(--border2) !important;
  color: var(--text) !important;
  -webkit-text-fill-color: var(--text) !important;
}
.wc-block-checkout input[type="email"]:focus,
.wc-block-checkout input[type="password"]:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px rgba(224,32,32,.1) !important;
  background: var(--bg3) !important;
}
/* Fix autofill white background */
.wc-block-checkout input:-webkit-autofill,
.wc-block-checkout input:-webkit-autofill:hover,
.wc-block-checkout input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px var(--bg3) inset !important;
  -webkit-text-fill-color: var(--text) !important;
  caret-color: var(--text) !important;
}

/* ── LOGIN PAGE — REMEMBER ME + MISC FIXES ───────────────── */
/* Remember me row */
.woocommerce-form-login .woocommerce-form-login__rememberme,
.woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 12px 0 !important;
  cursor: pointer !important;
}
.woocommerce-form-login .woocommerce-form-login__rememberme input[type="checkbox"],
.woocommerce-form__label-for-checkbox input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  flex-shrink: 0 !important;
  accent-color: var(--red) !important;
  cursor: pointer !important;
  margin: 0 !important;
}
/* Make the span text visible */
.woocommerce-form-login .woocommerce-form-login__rememberme span,
.woocommerce-form__label-for-checkbox span {
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--muted2) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Hide the stray bullet point (password strength indicator leaking) */
.woocommerce-form-login p:empty,
.woocommerce-form-login p:has(> br:only-child) { display: none !important; }
.woocommerce-password-strength { margin-top: 6px !important; font-size: 11px !important; }

/* Remember me checkbox when it's a standalone p tag */
.woocommerce-form-login p.form-row-wide:has(input[type="checkbox"]) {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.woocommerce-form-login p.form-row-wide:has(input[type="checkbox"]) input { width: 16px !important; height: 16px !important; margin: 0 !important; }
.woocommerce-form-login p.form-row-wide:has(input[type="checkbox"]) label { color: var(--muted2) !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0 !important; font-weight: 400 !important; }

/* ── STORE CREDIT PANEL — FORCE DARK ────────────────────── */
/* Target every possible wrapper for the store credit accordion */
.wc-block-checkout .wc-block-components-panel,
.wc-block-checkout .wc-block-components-panel *,
.wc-block-checkout [class*="StoreCredit"],
.wc-block-checkout [class*="StoreCredit"] *,
.wc-block-checkout [class*="store-credit"],
.wc-block-checkout [class*="store-credit"] * {
  background-color: var(--bg3) !important;
  color: var(--muted2) !important;
  border-color: var(--border) !important;
}
/* Button text specifically */
.wc-block-checkout .wc-block-components-panel__button,
.wc-block-checkout .wc-block-components-panel__button * {
  background: var(--bg3) !important;
  color: var(--muted2) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}
.wc-block-checkout .wc-block-components-panel__button:hover,
.wc-block-checkout .wc-block-components-panel__button:hover * {
  color: #fff !important;
  background: var(--bg3) !important;
}
/* SVG arrow icon */
.wc-block-checkout .wc-block-components-panel__button svg {
  stroke: var(--muted2) !important;
  fill: none !important;
  width: 14px !important;
  height: 14px !important;
}

/* ── HIDE SHIPMENT SECTION ON CART PAGE ──────────────────── */
.woocommerce-cart .cart_totals tr.shipping,
.woocommerce-cart .cart_totals .shipping { display: none !important; }


/* ═══════════════════════════════════════════════════════════
   SLIDE-OUT CART DRAWER  — VSracing v3.1.0
   ═══════════════════════════════════════════════════════════ */

/* Overlay */
#vsr-cart-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.65);
  z-index: 9998;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  backdrop-filter: blur(2px);
}
#vsr-cart-overlay.vsr-open {
  opacity: 1;
  pointer-events: auto;
}

/* Drawer panel */
#vsr-cart-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(420px, 92vw);
  background: var(--bg2, #1e2128);
  border-left: 1px solid var(--border, rgba(255,255,255,0.1));
  z-index: 9999;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.32s cubic-bezier(0.4,0,0.2,1);
  box-shadow: -8px 0 40px rgba(0,0,0,0.5);
  will-change: transform;
}
#vsr-cart-drawer.vsr-open {
  transform: translateX(0);
}

/* Drawer head */
.vsr-cart-drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px 18px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,0.1));
  flex-shrink: 0;
}
.vsr-cart-drawer-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-head, 'Bebas Neue', sans-serif);
  font-size: 22px;
  letter-spacing: 0.04em;
  color: #fff;
  margin: 0;
}
.vsr-cart-drawer-title svg {
  width: 20px;
  height: 20px;
  stroke: var(--red, #e02020);
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.vsr-drawer-count {
  background: var(--red, #e02020);
  color: #fff;
  font-family: var(--font-body, 'DM Sans', sans-serif);
  font-size: 11px;
  font-weight: 700;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.vsr-cart-close {
  background: none;
  border: none;
  cursor: pointer;
  color: rgba(255,255,255,0.5);
  padding: 6px;
  border-radius: 6px;
  display: flex;
  transition: color 0.15s, background 0.15s;
  flex-shrink: 0;
}
.vsr-cart-close:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
.vsr-cart-close svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
}

/* Scrollable cart body */
.vsr-cart-body {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 16px 24px;
}
.vsr-cart-body::-webkit-scrollbar { width: 4px; }
.vsr-cart-body::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 4px; }

/* Cart items */
.vsr-cart-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.vsr-cart-item {
  display: grid;
  grid-template-columns: 72px 1fr 28px;
  gap: 12px;
  align-items: start;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,0.08));
}
.vsr-cart-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.vsr-ci-img {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--bg3, #2c2f36);
  flex-shrink: 0;
}
.vsr-ci-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.vsr-ci-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}
.vsr-ci-name {
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,0.9);
  text-decoration: none;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.vsr-ci-name:hover { color: var(--red, #e02020); }
.vsr-ci-qty-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.vsr-ci-qty {
  display: flex;
  align-items: center;
  gap: 0;
  background: var(--bg3, #2c2f36);
  border: 1px solid var(--border, rgba(255,255,255,0.12));
  border-radius: 6px;
  overflow: hidden;
}
.vsr-qty-btn {
  background: none;
  border: none;
  color: rgba(255,255,255,0.7);
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
  flex-shrink: 0;
}
.vsr-qty-btn:hover {
  background: rgba(224,32,32,0.15);
  color: var(--red, #e02020);
}
.vsr-qty-num {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  min-width: 22px;
  text-align: center;
  padding: 0 2px;
}
.vsr-ci-price {
  font-family: var(--font-head, 'Bebas Neue', sans-serif);
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.02em;
  white-space: nowrap;
  flex-shrink: 0;
}
.vsr-ci-remove {
  background: none;
  border: none;
  color: rgba(255,255,255,0.25);
  cursor: pointer;
  padding: 2px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s;
  text-decoration: none;
  margin-top: 2px;
}
.vsr-ci-remove:hover { color: var(--red, #e02020); }
.vsr-ci-remove svg {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
}

/* Empty cart state */
.vsr-cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 60px 20px;
  text-align: center;
  color: var(--muted, rgba(255,255,255,0.4));
}
.vsr-cart-empty svg {
  width: 40px;
  height: 40px;
  stroke: rgba(255,255,255,0.2);
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.vsr-cart-empty p {
  font-size: 15px;
  margin: 0;
}

/* Cart footer */
.vsr-cart-footer {
  padding: 20px 24px 28px;
  border-top: 1px solid var(--border, rgba(255,255,255,0.1));
  flex-shrink: 0;
  background: var(--bg2, #1e2128);
}
.vsr-cart-subtotal {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 6px;
}
.vsr-cart-subtotal span:first-child {
  font-size: 13px;
  color: var(--muted, rgba(255,255,255,0.5));
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 600;
}
.vsr-subtotal-amount {
  font-family: var(--font-head, 'Bebas Neue', sans-serif);
  font-size: 26px;
  color: #fff;
  letter-spacing: 0.02em;
}
.vsr-cart-shipping-note {
  font-size: 11px;
  color: var(--muted, rgba(255,255,255,0.4));
  margin: 0 0 16px;
}
.vsr-checkout-btn {
  display: block;
  width: 100%;
  background: var(--red, #e02020) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius, 6px) !important;
  padding: 15px 24px !important;
  font-family: var(--font-body, 'DM Sans', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background 0.18s !important;
  box-shadow: 0 4px 20px rgba(224,32,32,0.35) !important;
}
.vsr-checkout-btn:hover {
  background: var(--red-dim, #c01a1a) !important;
  color: #fff !important;
}
.vsr-view-cart-link {
  display: block;
  text-align: center;
  font-size: 12px;
  color: rgba(255,255,255,0.45);
  text-decoration: none;
  margin-top: 12px;
  transition: color 0.15s;
}
.vsr-view-cart-link:hover { color: rgba(255,255,255,0.8); }

/* body scroll lock when drawer open */
body.vsr-drawer-open {
  overflow: hidden;
}

/* Loading state in drawer */
.vsr-cart-body.vsr-loading {
  opacity: 0.5;
  pointer-events: none;
}


/* ═══════════════════════════════════════════════════════════
   SINGLE-PAGE TWO-COLUMN CHECKOUT  — VSracing v3.1.0
   ═══════════════════════════════════════════════════════════ */

/* Page wrapper */
.woocommerce-checkout #main,
.woocommerce-checkout .woocommerce {
  padding: 0 !important;
  max-width: none !important;
  display: block !important;
}

.vsr-checkout-header {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem 2rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  border-bottom: 1px solid var(--border, rgba(255,255,255,0.08));
  padding-bottom: 1.25rem;
  margin-bottom: 0;
}
.vsr-checkout-title {
  font-family: var(--font-head, 'Bebas Neue', sans-serif);
  font-size: clamp(28px, 3vw, 44px);
  letter-spacing: 0.04em;
  color: #fff;
  margin: 0;
}
.vsr-back-to-cart {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted, rgba(255,255,255,0.45));
  text-decoration: none;
  transition: color 0.15s;
}
.vsr-back-to-cart svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.vsr-back-to-cart:hover { color: rgba(255,255,255,0.8); }

/* Main form wrapper */
.vsr-co-form {
  max-width: 1280px !important;
  margin: 0 auto !important;
  display: block !important;
  padding: 2rem !important;
}

/* Outer flex container */
.vsr-co-wrap {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Main row: left + right */
.vsr-co-row-main {
  display: grid;
  grid-template-columns: 1fr 440px;
  gap: 2.5rem;
  align-items: start;
}

/* Left column */
.vsr-co-left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-width: 0;
}

/* Right column — sticky */
.vsr-co-right {
  min-width: 0;
}
.vsr-co-sticky {
  position: sticky;
  top: calc( var(--header-h, 70px) + 16px );
}

/* Section card */
.vsr-co-section {
  background: var(--bg2, #1e2128);
  border: 1px solid var(--border, rgba(255,255,255,0.08));
  border-radius: var(--radius-md, 12px);
  padding: 2rem;
}

/* Section title with step number */
.vsr-co-section-title {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-head, 'Bebas Neue', sans-serif);
  font-size: 20px;
  letter-spacing: 0.06em;
  color: #fff;
  margin: 0 0 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--border, rgba(255,255,255,0.08));
}
.vsr-co-step {
  background: var(--red, #e02020);
  color: #fff;
  font-family: var(--font-head, 'Bebas Neue', sans-serif);
  font-size: 14px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  letter-spacing: 0;
}

/* Override WooCommerce form layout inside sections */
.vsr-co-section .woocommerce-billing-fields,
.vsr-co-section .woocommerce-shipping-fields,
.vsr-co-section #customer_details {
  margin: 0 !important;
}
.vsr-co-section h3 {
  font-family: var(--font-head, 'Bebas Neue', sans-serif) !important;
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
  color: rgba(255,255,255,0.6) !important;
  margin: 1.5rem 0 1rem !important;
  padding-top: 1rem !important;
  border-top: 1px solid var(--border, rgba(255,255,255,0.06)) !important;
  text-transform: uppercase !important;
}
.vsr-co-section h3:first-child { margin-top: 0 !important; border-top: none !important; padding-top: 0 !important; }

/* Two-up form rows on wider screens */
.vsr-co-section .woocommerce-billing-fields__field-wrapper,
.vsr-co-section .woocommerce-shipping-fields__field-wrapper {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  column-gap: 16px !important;
}
.vsr-co-section .form-row-wide { grid-column: 1 / -1 !important; }
.vsr-co-section .form-row-first { grid-column: 1 !important; }
.vsr-co-section .form-row-last  { grid-column: 2 !important; }

/* Order summary section */
.vsr-co-summary-section {
  padding: 1.5rem;
}
.vsr-co-summary-section .vsr-co-section-title {
  font-size: 18px;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
}

/* Order review table tweaks inside right column */
.vsr-co-right .woocommerce-checkout-review-order-table {
  background: transparent !important;
  margin-bottom: 0 !important;
}
.vsr-co-right .woocommerce-checkout-review-order-table th,
.vsr-co-right .woocommerce-checkout-review-order-table td {
  padding: 10px 0 !important;
  border-color: var(--border, rgba(255,255,255,0.07)) !important;
  font-size: 13px !important;
}
.vsr-co-right .woocommerce-checkout-review-order-table tfoot tr:last-child td,
.vsr-co-right .woocommerce-checkout-review-order-table tfoot tr:last-child th {
  font-family: var(--font-head, 'Bebas Neue', sans-serif);
  font-size: 20px;
  letter-spacing: 0.04em;
  color: #fff;
}

/* Payment section inside order review */
.vsr-co-right #payment {
  background: transparent !important;
  padding: 0 !important;
  margin-top: 1rem !important;
  border: none !important;
}
.vsr-co-right #payment .wc_payment_methods {
  background: var(--bg3, #2c2f36) !important;
  border: 1px solid var(--border, rgba(255,255,255,0.1)) !important;
  border-radius: var(--radius, 8px) !important;
  padding: 12px 14px !important;
  margin-bottom: 12px !important;
}
.vsr-co-right #payment .place-order {
  padding: 0 !important;
  background: transparent !important;
}
.vsr-co-right #payment #place_order {
  width: 100% !important;
  background: var(--red, #e02020) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius, 6px) !important;
  padding: 16px 24px !important;
  font-family: var(--font-body, 'DM Sans', sans-serif) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.18s !important;
  box-shadow: 0 4px 20px rgba(224,32,32,0.35) !important;
}
.vsr-co-right #payment #place_order:hover {
  background: var(--red-dim, #c01a1a) !important;
}

/* Responsive */
@media (max-width: 1024px) {
  .vsr-co-row-main {
    grid-template-columns: 1fr 380px;
    gap: 1.5rem;
  }
}
@media (max-width: 800px) {
  .vsr-co-row-main {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .vsr-co-right {
    order: -1; /* Summary on top on mobile */
  }
  .vsr-co-sticky {
    position: static;
  }
  .vsr-co-section .woocommerce-billing-fields__field-wrapper,
  .vsr-co-section .woocommerce-shipping-fields__field-wrapper {
    grid-template-columns: 1fr !important;
  }
  .vsr-co-section .form-row-first,
  .vsr-co-section .form-row-last {
    grid-column: 1 !important;
  }
  .vsr-co-form {
    padding: 1rem !important;
  }
  .vsr-checkout-header {
    padding: 1rem 1rem 1rem;
  }
}


/* ── PASSWORD SHOW/HIDE TOGGLE BUTTON ────────────────────── */
.show-password-input,
button.show-password-input,
.woocommerce-Input-wrapper .show-password-input {
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(255,255,255,0.45) !important;
  transition: color 0.15s !important;
  z-index: 2 !important;
  line-height: 1 !important;
}
.show-password-input:hover,
button.show-password-input:hover {
  color: rgba(255,255,255,0.9) !important;
}
.show-password-input::before,
button.show-password-input::before {
  font-size: 18px !important;
  line-height: 1 !important;
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  opacity: 1 !important;
}
.woocommerce-Input-wrapper,
.password-input,
.woocommerce-form__input-wrapper {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}
.woocommerce-Input-wrapper input[type="password"],
.woocommerce-Input-wrapper input[type="text"],
.password-input input[type="password"],
.password-input input[type="text"],
.woocommerce-form__input-wrapper input[type="password"],
.woocommerce-form__input-wrapper input[type="text"] {
  padding-right: 44px !important;
  width: 100% !important;
}
.woocommerce-MyAccount-content .woocommerce-Input-wrapper,
.woocommerce-account .woocommerce-Input-wrapper,
.woocommerce-account .password-input {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
}


/* ═══════════════════════════════════════════════════════════
   MY ACCOUNT PAGE REDESIGN  — VSracing v3.1.1
   Covers both classic WooCommerce and WooCommerce Blocks
   ═══════════════════════════════════════════════════════════ */

/* ── PAGE WRAPPER ────────────────────────────────────────── */
.woocommerce-account #page,
.woocommerce-account #main,
.woocommerce-account .woocommerce,
.woocommerce-account .shop-main {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Block-based account page outer wrapper */
.wp-block-woocommerce-customer-account,
.wc-block-my-account {
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 2rem !important;
}

/* ── ACCOUNT HEADER BANNER ───────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-header,
.woocommerce-account > .woocommerce > h2:first-child {
  display: none !important; /* we add our own via the layout below */
}

/* Inject a hero-bar style header above the account layout */
.woocommerce-account .woocommerce::before {
  content: '';
  display: block;
  background: linear-gradient(135deg, var(--bg2) 0%, #1a1e26 100%);
  border-bottom: 1px solid var(--border);
}

/* ── TWO-COLUMN LAYOUT: nav left + content right ─────────── */

/* Classic WooCommerce */
.woocommerce-account .woocommerce {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  grid-template-rows: auto !important;
  gap: 0 2rem !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 2rem !important;
  align-items: start !important;
}

/* WooCommerce Blocks */
.wc-block-my-account,
.wc-block-customer-account {
  display: grid !important;
  grid-template-columns: 240px 1fr !important;
  gap: 0 2rem !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 2rem !important;
  align-items: start !important;
}


/* ── LEFT NAV SIDEBAR ────────────────────────────────────── */

.woocommerce-MyAccount-navigation,
.wc-block-my-account__navigation,
.wc-block-customer-account__navigation {
  grid-column: 1 !important;
  position: sticky !important;
  top: calc(var(--header-h, 70px) + 16px) !important;
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  padding: 8px 0 !important;
}

/* Nav heading */
.woocommerce-MyAccount-navigation::before,
.wc-block-my-account__navigation::before {
  content: 'My Account';
  display: block;
  font-family: var(--font-head);
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted);
  padding: 14px 20px 10px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 6px;
}

/* Nav list */
.woocommerce-MyAccount-navigation ul,
.wc-block-my-account__navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation ul li,
.wc-block-my-account__navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.woocommerce-MyAccount-navigation ul li a,
.wc-block-my-account__navigation ul li a,
.wc-block-my-account__navigation a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.65) !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s !important;
  border-left: 3px solid transparent !important;
  position: relative !important;
}

.woocommerce-MyAccount-navigation ul li a:hover,
.wc-block-my-account__navigation ul li a:hover {
  background: rgba(255,255,255,0.05) !important;
  color: #fff !important;
  border-left-color: rgba(224,32,32,0.4) !important;
}

/* Active nav item */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a,
.woocommerce-MyAccount-navigation ul li.current-menu-item a,
.wc-block-my-account__navigation li.is-active a,
.wc-block-my-account__navigation li[aria-current] a,
.wc-block-my-account__navigation a[aria-current="page"] {
  background: rgba(224,32,32,0.12) !important;
  color: #fff !important;
  border-left-color: var(--red) !important;
  font-weight: 600 !important;
}

/* Nav icons via content (map endpoint slugs) */
.woocommerce-MyAccount-navigation-link--dashboard a::before       { content: '⊞'; }
.woocommerce-MyAccount-navigation-link--orders a::before          { content: '📦'; }
.woocommerce-MyAccount-navigation-link--downloads a::before       { content: '⬇'; }
.woocommerce-MyAccount-navigation-link--edit-address a::before    { content: '📍'; }
.woocommerce-MyAccount-navigation-link--payment-methods a::before { content: '💳'; }
.woocommerce-MyAccount-navigation-link--edit-account a::before    { content: '⚙'; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '↩'; }

.woocommerce-MyAccount-navigation-link--dashboard a::before,
.woocommerce-MyAccount-navigation-link--orders a::before,
.woocommerce-MyAccount-navigation-link--downloads a::before,
.woocommerce-MyAccount-navigation-link--edit-address a::before,
.woocommerce-MyAccount-navigation-link--payment-methods a::before,
.woocommerce-MyAccount-navigation-link--edit-account a::before,
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
  font-size: 14px !important;
  width: 18px !important;
  text-align: center !important;
  flex-shrink: 0 !important;
}

/* Logout link — red tint */
.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: rgba(224,32,32,0.7) !important;
  margin-top: 4px !important;
  border-top: 1px solid var(--border) !important;
}
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  color: var(--red) !important;
  background: rgba(224,32,32,0.08) !important;
  border-left-color: var(--red) !important;
}


/* ── RIGHT CONTENT AREA ──────────────────────────────────── */

.woocommerce-MyAccount-content,
.wc-block-my-account__content,
.wc-block-customer-account__content {
  grid-column: 2 !important;
  min-width: 0 !important;
}

/* Content headings */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.wc-block-my-account__content h2,
.wc-block-my-account__content h3 {
  font-family: var(--font-head) !important;
  letter-spacing: 0.04em !important;
  color: #fff !important;
  margin-bottom: 1.25rem !important;
}
.woocommerce-MyAccount-content h2,
.wc-block-my-account__content h2 {
  font-size: clamp(22px, 2.5vw, 32px) !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--border) !important;
}
.woocommerce-MyAccount-content h3,
.wc-block-my-account__content h3 {
  font-size: 18px !important;
  margin-top: 2rem !important;
}

/* Paragraph text */
.woocommerce-MyAccount-content p,
.wc-block-my-account__content p {
  color: rgba(255,255,255,0.75) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}
.woocommerce-MyAccount-content a,
.wc-block-my-account__content a {
  color: var(--red) !important;
}
.woocommerce-MyAccount-content a:hover,
.wc-block-my-account__content a:hover {
  color: var(--red-dim) !important;
}


/* ── DASHBOARD WELCOME BOX ───────────────────────────────── */

.woocommerce-MyAccount-content .woocommerce-message,
.woocommerce-MyAccount-content .woocommerce-info,
.wc-block-my-account__content .woocommerce-message,
.wc-block-my-account__content .woocommerce-info {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-left: 4px solid var(--red) !important;
  border-radius: var(--radius-md) !important;
  padding: 16px 20px !important;
  color: rgba(255,255,255,0.8) !important;
  font-size: 14px !important;
  margin-bottom: 1.5rem !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce-MyAccount-content .woocommerce-info::before {
  display: none !important;
}


/* ── ORDERS TABLE ────────────────────────────────────────── */

.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content .shop_table,
.wc-block-my-account__content .woocommerce-orders-table,
.wc-block-my-account__content .shop_table,
.wc-block-orders-and-returns__table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
  background: transparent !important;
  border: none !important;
}

.woocommerce-orders-table thead,
.wc-block-orders-and-returns__table thead {
  border-bottom: 2px solid var(--border) !important;
}

.woocommerce-orders-table thead th,
.wc-block-orders-and-returns__table thead th {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  padding: 8px 14px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
}

.woocommerce-orders-table tbody tr,
.wc-block-orders-and-returns__table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  transition: background 0.12s !important;
}
.woocommerce-orders-table tbody tr:hover,
.wc-block-orders-and-returns__table tbody tr:hover {
  background: rgba(255,255,255,0.03) !important;
}

.woocommerce-orders-table tbody td,
.wc-block-orders-and-returns__table tbody td {
  padding: 14px 14px !important;
  color: rgba(255,255,255,0.8) !important;
  border: none !important;
  vertical-align: middle !important;
}

/* Order status badges */
.woocommerce-orders-table .woocommerce-orders-table__cell-order-status,
.order-status,
mark.order-status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  background: var(--bg3) !important;
  color: rgba(255,255,255,0.7) !important;
}
mark.status-processing, .order-status-processing { background: rgba(16,185,129,0.18) !important; color: #10b981 !important; }
mark.status-completed,  .order-status-completed  { background: rgba(59,130,246,0.18) !important; color: #60a5fa !important; }
mark.status-pending,    .order-status-pending     { background: rgba(245,158,11,0.18) !important; color: #fbbf24 !important; }
mark.status-on-hold,    .order-status-on-hold     { background: rgba(245,158,11,0.18) !important; color: #fbbf24 !important; }
mark.status-cancelled,  .order-status-cancelled   { background: rgba(224,32,32,0.18)  !important; color: var(--red)  !important; }
mark.status-refunded,   .order-status-refunded    { background: rgba(168,85,247,0.18) !important; color: #c084fc !important; }
mark.status-failed,     .order-status-failed      { background: rgba(224,32,32,0.25)  !important; color: var(--red)  !important; }

/* View order button in table */
.woocommerce-orders-table .button,
.wc-block-orders-and-returns__table .button {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 14px !important;
  background: var(--bg3) !important;
  color: rgba(255,255,255,0.8) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s !important;
  cursor: pointer !important;
}
.woocommerce-orders-table .button:hover,
.wc-block-orders-and-returns__table .button:hover {
  background: var(--red) !important;
  color: #fff !important;
  border-color: var(--red) !important;
}


/* ── ADDRESSES ───────────────────────────────────────────── */

.woocommerce-MyAccount-content .woocommerce-Addresses,
.wc-block-my-account__content .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.5rem !important;
}

.woocommerce-Address,
.wc-block-my-account__content .woocommerce-Address {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.5rem !important;
}

.woocommerce-Address-title,
.woocommerce-column__title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--border) !important;
}

.woocommerce-Address-title h3,
.woocommerce-column__title h3 {
  font-family: var(--font-head) !important;
  font-size: 16px !important;
  letter-spacing: 0.06em !important;
  color: #fff !important;
  margin: 0 !important;
  border: none !important;
}

.woocommerce-Address-title .edit,
.woocommerce-column__title a {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--red) !important;
  text-decoration: none !important;
}
.woocommerce-Address-title .edit:hover,
.woocommerce-column__title a:hover {
  color: var(--red-dim) !important;
}

.woocommerce-Address address,
.woocommerce-MyAccount-content address {
  font-size: 13px !important;
  color: rgba(255,255,255,0.65) !important;
  font-style: normal !important;
  line-height: 1.8 !important;
}


/* ── EDIT ACCOUNT / EDIT ADDRESS FORMS ───────────────────── */

.woocommerce-MyAccount-content .woocommerce-EditAccountForm,
.woocommerce-MyAccount-content .woocommerce-address-fields,
.wc-block-my-account__content .woocommerce-EditAccountForm,
.wc-block-my-account__content .woocommerce-address-fields {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 2rem !important;
}

/* Two-up form grid */
.woocommerce-EditAccountForm .form-row,
.woocommerce-address-fields .form-row {
  margin-bottom: 16px !important;
}

.woocommerce-EditAccountForm fieldset {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  padding: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.woocommerce-EditAccountForm fieldset legend {
  font-family: var(--font-head) !important;
  font-size: 14px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  padding: 0 8px !important;
}

/* Labels */
.woocommerce-MyAccount-content label,
.woocommerce-EditAccountForm label,
.woocommerce-address-fields label,
.wc-block-my-account__content label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  display: block !important;
  margin-bottom: 5px !important;
}

/* Inputs */
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea,
.woocommerce-EditAccountForm input,
.woocommerce-address-fields input,
.woocommerce-address-fields select,
.wc-block-my-account__content input[type="text"],
.wc-block-my-account__content input[type="email"],
.wc-block-my-account__content input[type="password"],
.wc-block-my-account__content select {
  width: 100% !important;
  background: var(--bg3) !important;
  border: 1px solid var(--border2) !important;
  color: var(--text) !important;
  border-radius: var(--radius) !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-EditAccountForm input:focus,
.woocommerce-address-fields input:focus,
.woocommerce-address-fields select:focus,
.wc-block-my-account__content input:focus,
.wc-block-my-account__content select:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px rgba(224,32,32,0.12) !important;
}
.woocommerce-MyAccount-content input::placeholder,
.woocommerce-EditAccountForm input::placeholder,
.wc-block-my-account__content input::placeholder {
  color: rgba(255,255,255,0.3) !important;
}

/* Select arrow */
.woocommerce-MyAccount-content select,
.woocommerce-address-fields select,
.wc-block-my-account__content select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
}

/* Save button */
.woocommerce-MyAccount-content .button[type="submit"],
.woocommerce-EditAccountForm .button,
.woocommerce-address-fields .button,
.wc-block-my-account__content .button[type="submit"],
.wc-block-my-account__content button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius) !important;
  padding: 13px 32px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  margin-top: 1rem !important;
  box-shadow: 0 4px 16px rgba(224,32,32,0.28) !important;
  transition: background 0.18s !important;
}
.woocommerce-MyAccount-content .button[type="submit"]:hover,
.woocommerce-EditAccountForm .button:hover,
.woocommerce-address-fields .button:hover,
.wc-block-my-account__content button[type="submit"]:hover {
  background: var(--red-dim) !important;
}


/* ── ORDER DETAIL PAGE ───────────────────────────────────── */

.woocommerce-order-details,
.wc-block-order-confirmation-summary {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.5rem !important;
  margin-bottom: 2rem !important;
}

.woocommerce-order-details__title,
.wc-block-order-confirmation-summary__title {
  font-family: var(--font-head) !important;
  font-size: 18px !important;
  letter-spacing: 0.06em !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--border) !important;
  color: #fff !important;
}

/* Payment methods */
.woocommerce-MyAccount-content .woocommerce-PaymentMethods {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  overflow: hidden !important;
  background: var(--bg2) !important;
}
.woocommerce-MyAccount-content .woocommerce-PaymentMethods tr {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.woocommerce-MyAccount-content .woocommerce-PaymentMethods td,
.woocommerce-MyAccount-content .woocommerce-PaymentMethods th {
  padding: 14px 16px !important;
  font-size: 13px !important;
  color: rgba(255,255,255,0.8) !important;
  border: none !important;
}


/* ── BLOCK ACCOUNT — WC Blocks specific ─────────────────── */

/* Tab-based navigation (Blocks uses tabs not a list) */
.wc-block-customer-account .wc-block-customer-account__nav,
.wp-block-woocommerce-customer-account .wc-block-customer-account__nav {
  display: none !important; /* blocks version uses sidebar, handled above */
}

/* Block account content panels */
.wc-block-my-account__content > * {
  animation: vsrFadeIn 0.2s ease;
}
@keyframes vsrFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Notices / alerts */
.woocommerce-MyAccount-content .woocommerce-error,
.wc-block-my-account__content .woocommerce-error {
  background: rgba(224,32,32,0.1) !important;
  border: 1px solid rgba(224,32,32,0.35) !important;
  border-radius: var(--radius-md) !important;
  padding: 12px 16px !important;
  color: rgba(255,255,255,0.85) !important;
  font-size: 13px !important;
  list-style: none !important;
}

.woocommerce-MyAccount-content .woocommerce-message {
  background: rgba(16,185,129,0.1) !important;
  border-color: rgba(16,185,129,0.35) !important;
  color: rgba(255,255,255,0.85) !important;
}


/* ── RESPONSIVE ──────────────────────────────────────────── */

@media (max-width: 860px) {
  .woocommerce-account .woocommerce,
  .wc-block-my-account,
  .wc-block-customer-account {
    grid-template-columns: 1fr !important;
    padding: 1rem !important;
  }

  .woocommerce-MyAccount-navigation,
  .wc-block-my-account__navigation {
    position: static !important;
    margin-bottom: 1.5rem !important;
  }

  /* Horizontal scrolling nav on mobile */
  .woocommerce-MyAccount-navigation ul,
  .wc-block-my-account__navigation ul {
    display: flex !important;
    overflow-x: auto !important;
    padding: 0 4px 4px !important;
    gap: 4px !important;
    scroll-snap-type: x mandatory !important;
  }
  .woocommerce-MyAccount-navigation ul li a,
  .wc-block-my-account__navigation ul li a {
    white-space: nowrap !important;
    border-left: none !important;
    border-bottom: 3px solid transparent !important;
    padding: 10px 14px !important;
    border-radius: var(--radius) !important;
    scroll-snap-align: start !important;
  }
  .woocommerce-MyAccount-navigation ul li.is-active a,
  .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--active a,
  .wc-block-my-account__navigation li.is-active a {
    border-bottom-color: var(--red) !important;
    border-left-color: transparent !important;
    background: rgba(224,32,32,0.12) !important;
  }

  .woocommerce-MyAccount-content .woocommerce-Addresses,
  .wc-block-my-account__content .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 500px) {
  .woocommerce-EditAccountForm,
  .woocommerce-address-fields {
    padding: 1.25rem !important;
  }
}


/* ═══════════════════════════════════════════════════════════
   MY ACCOUNT — CUSTOM TEMPLATE REDESIGN  v3.1.1
   ═══════════════════════════════════════════════════════════ */

/* ── PAGE WRAPPER ── */
.vsr-account-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.5rem 2rem 4rem;
}

/* ── HEADER BAR ── */
.vsr-account-header {
  margin-bottom: 2.5rem;
}
.vsr-account-title {
  font-family: var(--font-head);
  font-size: clamp(32px, 4vw, 54px);
  letter-spacing: 0.04em;
  color: #fff;
  margin: 0 0 6px;
}
.vsr-account-subtitle {
  font-size: 14px;
  color: var(--muted);
  margin: 0;
}

/* Logged-in header */
.vsr-account-header--loggedin {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 1.5rem 2rem;
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  margin-bottom: 2rem;
}
.vsr-account-user {
  display: flex;
  align-items: center;
  gap: 14px;
}
.vsr-account-avatar,
.vsr-account-user img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  border: 2px solid var(--red) !important;
  object-fit: cover !important;
}
.vsr-account-greeting {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: 2px;
}
.vsr-account-name {
  font-family: var(--font-head);
  font-size: 24px;
  letter-spacing: 0.03em;
  color: #fff;
  margin: 0;
}
.vsr-account-logout {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.45);
  text-decoration: none;
  transition: color 0.15s;
}
.vsr-account-logout svg {
  width: 15px; height: 15px;
  stroke: currentColor; fill: none;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
}
.vsr-account-logout:hover { color: var(--red); }


/* ── AUTH GRID (Login + Register) ── */
.vsr-auth-grid {
  display: grid;
  grid-template-columns: 1fr 40px 1fr;
  gap: 0;
  align-items: start;
}

/* Card */
.vsr-auth-card {
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 2rem;
}
.vsr-auth-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 1.75rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--border);
}
.vsr-auth-card-head svg {
  width: 22px; height: 22px;
  stroke: var(--red); fill: none;
  stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round;
  flex-shrink: 0;
}
.vsr-auth-card-head h2 {
  font-family: var(--font-head) !important;
  font-size: 22px !important;
  letter-spacing: 0.04em !important;
  color: #fff !important;
  margin: 0 !important;
  border: none !important;
  padding: 0 !important;
}

/* Divider */
.vsr-auth-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 120px;
}
.vsr-auth-divider span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.25);
  background: var(--bg);
  padding: 6px;
  border-radius: 50%;
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid var(--border);
}

/* Style WooCommerce's login + register forms inside our cards */
.vsr-auth-card .woocommerce-form-login,
.vsr-auth-card .woocommerce-form-register {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Form rows */
.vsr-auth-card .form-row,
.vsr-auth-card p {
  margin-bottom: 16px !important;
}
.vsr-auth-card label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--muted) !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.vsr-auth-card input[type="text"],
.vsr-auth-card input[type="email"],
.vsr-auth-card input[type="password"] {
  width: 100% !important;
  background: var(--bg3) !important;
  border: 1px solid var(--border2) !important;
  color: var(--text) !important;
  border-radius: var(--radius) !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  font-family: var(--font-body) !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.vsr-auth-card input:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px rgba(224,32,32,0.12) !important;
}
.vsr-auth-card input::placeholder { color: rgba(255,255,255,0.25) !important; }

/* Remember me */
.vsr-auth-card .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--muted) !important;
}
.vsr-auth-card .woocommerce-form__label-for-checkbox input {
  width: auto !important;
  accent-color: var(--red) !important;
}

/* Submit buttons */
.vsr-auth-card .woocommerce-form-login__submit,
.vsr-auth-card .woocommerce-form-register__submit,
.vsr-auth-card button[type="submit"],
.vsr-auth-card input[type="submit"] {
  display: block !important;
  width: 100% !important;
  background: var(--red) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius) !important;
  padding: 14px 20px !important;
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  margin-top: 1.25rem !important;
  box-shadow: 0 4px 16px rgba(224,32,32,0.3) !important;
  transition: background 0.18s !important;
}
.vsr-auth-card button[type="submit"]:hover,
.vsr-auth-card input[type="submit"]:hover {
  background: var(--red-dim) !important;
}

/* Lost password + links */
.vsr-auth-card .woocommerce-LostPassword,
.vsr-auth-card .woocommerce-privacy-policy-text {
  font-size: 12px !important;
  color: var(--muted) !important;
  margin-top: 12px !important;
}
.vsr-auth-card a { color: var(--red) !important; }
.vsr-auth-card a:hover { color: var(--red-dim) !important; }

.vsr-auth-note {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  line-height: 1.7;
}


/* ── LOGGED-IN: SIDEBAR + CONTENT LAYOUT ── */
.vsr-account-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 2rem;
  align-items: start;
}

/* Sidebar nav */
.vsr-account-nav {
  position: sticky;
  top: calc(var(--header-h, 70px) + 16px);
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  padding: 6px 0;
}
.vsr-account-nav ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.vsr-account-nav ul li {
  margin: 0 !important;
  padding: 0 !important;
}
.vsr-account-nav ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 11px 18px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(255,255,255,0.6) !important;
  text-decoration: none !important;
  border-left: 3px solid transparent !important;
  transition: background 0.15s, color 0.15s, border-color 0.15s !important;
}
.vsr-account-nav ul li a svg {
  width: 15px !important; height: 15px !important;
  stroke: currentColor !important; fill: none !important;
  stroke-width: 1.75 !important; stroke-linecap: round !important;
  stroke-linejoin: round !important; flex-shrink: 0 !important;
}
.vsr-account-nav ul li a:hover {
  background: rgba(255,255,255,0.05) !important;
  color: #fff !important;
  border-left-color: rgba(224,32,32,0.4) !important;
}
.vsr-account-nav ul li.vsr-nav-active a {
  background: rgba(224,32,32,0.1) !important;
  color: #fff !important;
  border-left-color: var(--red) !important;
  font-weight: 600 !important;
}
/* Logout — red tint */
.vsr-account-nav ul li:last-child {
  border-top: 1px solid var(--border) !important;
  margin-top: 4px !important;
}
.vsr-account-nav ul li:last-child a {
  color: rgba(224,32,32,0.7) !important;
}
.vsr-account-nav ul li:last-child a:hover {
  color: var(--red) !important;
  background: rgba(224,32,32,0.08) !important;
  border-left-color: var(--red) !important;
}

/* Content area */
.vsr-account-content {
  min-width: 0;
}

/* Content h2 titles */
.vsr-account-content h2 {
  font-family: var(--font-head) !important;
  font-size: clamp(20px, 2.5vw, 30px) !important;
  letter-spacing: 0.04em !important;
  color: #fff !important;
  margin-bottom: 1.5rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--border) !important;
}
.vsr-account-content h3 {
  font-family: var(--font-head) !important;
  font-size: 17px !important;
  letter-spacing: 0.04em !important;
  color: #fff !important;
  margin: 1.5rem 0 1rem !important;
}

/* Orders table */
.vsr-account-content .woocommerce-orders-table,
.vsr-account-content .shop_table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 13px !important;
  background: transparent !important;
}
.vsr-account-content .woocommerce-orders-table thead th,
.vsr-account-content .shop_table thead th {
  font-size: 10px !important; font-weight: 700 !important;
  letter-spacing: 0.12em !important; text-transform: uppercase !important;
  color: var(--muted) !important; padding: 8px 12px !important;
  background: transparent !important; border: none !important;
  border-bottom: 2px solid var(--border) !important;
  text-align: left !important;
}
.vsr-account-content .woocommerce-orders-table tbody tr,
.vsr-account-content .shop_table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  transition: background 0.12s !important;
}
.vsr-account-content .woocommerce-orders-table tbody tr:hover,
.vsr-account-content .shop_table tbody tr:hover {
  background: rgba(255,255,255,0.03) !important;
}
.vsr-account-content .woocommerce-orders-table tbody td,
.vsr-account-content .shop_table tbody td {
  padding: 13px 12px !important;
  color: rgba(255,255,255,0.8) !important;
  border: none !important;
  vertical-align: middle !important;
}

/* Order status badges */
.vsr-account-content mark.order-status,
.vsr-account-content .order-status {
  display: inline-flex !important; align-items: center !important;
  padding: 3px 10px !important; border-radius: 20px !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.06em !important; text-transform: uppercase !important;
  background: var(--bg3) !important; color: rgba(255,255,255,0.7) !important;
}
.vsr-account-content mark.status-processing { background: rgba(16,185,129,0.18) !important; color: #10b981 !important; }
.vsr-account-content mark.status-completed  { background: rgba(59,130,246,0.18)  !important; color: #60a5fa !important; }
.vsr-account-content mark.status-pending    { background: rgba(245,158,11,0.18)  !important; color: #fbbf24 !important; }
.vsr-account-content mark.status-on-hold    { background: rgba(245,158,11,0.18)  !important; color: #fbbf24 !important; }
.vsr-account-content mark.status-cancelled  { background: rgba(224,32,32,0.18)   !important; color: var(--red) !important; }
.vsr-account-content mark.status-refunded   { background: rgba(168,85,247,0.18)  !important; color: #c084fc !important; }
.vsr-account-content mark.status-failed     { background: rgba(224,32,32,0.25)   !important; color: var(--red) !important; }

/* Buttons in content */
.vsr-account-content .button,
.vsr-account-content a.button {
  display: inline-flex !important; align-items: center !important;
  padding: 7px 16px !important;
  background: var(--bg3) !important;
  color: rgba(255,255,255,0.85) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius) !important;
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.08em !important; text-transform: uppercase !important;
  text-decoration: none !important;
  transition: background 0.15s, color 0.15s, border-color 0.15s !important;
  cursor: pointer !important;
}
.vsr-account-content .button:hover,
.vsr-account-content a.button:hover {
  background: var(--red) !important;
  color: #fff !important;
  border-color: var(--red) !important;
}

/* Edit account / address forms */
.vsr-account-content .woocommerce-EditAccountForm,
.vsr-account-content .woocommerce-address-fields__field-wrapper,
.vsr-account-content .edit-account {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 2rem !important;
}
.vsr-account-content .form-row { margin-bottom: 16px !important; }
.vsr-account-content label {
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: 0.1em !important; text-transform: uppercase !important;
  color: var(--muted) !important; display: block !important; margin-bottom: 5px !important;
}
.vsr-account-content input[type="text"],
.vsr-account-content input[type="email"],
.vsr-account-content input[type="tel"],
.vsr-account-content input[type="password"],
.vsr-account-content select,
.vsr-account-content textarea {
  width: 100% !important; background: var(--bg3) !important;
  border: 1px solid var(--border2) !important; color: var(--text) !important;
  border-radius: var(--radius) !important; padding: 11px 14px !important;
  font-size: 14px !important; font-family: var(--font-body) !important;
  outline: none !important; box-sizing: border-box !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
}
.vsr-account-content input:focus,
.vsr-account-content select:focus {
  border-color: var(--red) !important;
  box-shadow: 0 0 0 3px rgba(224,32,32,0.12) !important;
}
.vsr-account-content input[type="submit"],
.vsr-account-content .woocommerce-EditAccountForm .button[type="submit"] {
  background: var(--red) !important; color: #fff !important;
  border: none !important; border-radius: var(--radius) !important;
  padding: 13px 32px !important; font-size: 13px !important;
  font-weight: 700 !important; letter-spacing: 0.1em !important;
  text-transform: uppercase !important; cursor: pointer !important;
  margin-top: 1rem !important;
  box-shadow: 0 4px 16px rgba(224,32,32,0.28) !important;
  transition: background 0.18s !important;
  width: auto !important;
}
.vsr-account-content input[type="submit"]:hover {
  background: var(--red-dim) !important;
}

/* Fieldset (password change group) */
.vsr-account-content fieldset {
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-md) !important;
  padding: 1.5rem !important;
  margin-top: 1.5rem !important;
}
.vsr-account-content fieldset legend {
  font-family: var(--font-head) !important;
  font-size: 14px !important; letter-spacing: 0.08em !important;
  text-transform: uppercase !important; color: var(--muted) !important;
  padding: 0 8px !important;
}

/* Addresses grid */
.vsr-account-content .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1.5rem !important;
}
.vsr-account-content .woocommerce-Address {
  background: var(--bg2) !important;
  border: 1px solid var(--border) !important;
  border-radius: var(--radius-lg) !important;
  padding: 1.5rem !important;
}
.vsr-account-content .woocommerce-Address-title {
  display: flex !important; align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 1rem !important; padding-bottom: 0.75rem !important;
  border-bottom: 1px solid var(--border) !important;
}
.vsr-account-content .woocommerce-Address-title h3 {
  font-family: var(--font-head) !important;
  font-size: 16px !important; letter-spacing: 0.06em !important;
  color: #fff !important; margin: 0 !important; border: none !important;
}
.vsr-account-content .woocommerce-Address-title a {
  font-size: 11px !important; font-weight: 700 !important;
  letter-spacing: 0.08em !important; text-transform: uppercase !important;
  color: var(--red) !important; text-decoration: none !important;
}
.vsr-account-content address {
  font-size: 13px !important; color: rgba(255,255,255,0.65) !important;
  font-style: normal !important; line-height: 1.85 !important;
}

/* Notices */
.vsr-account-content .woocommerce-message {
  background: rgba(16,185,129,0.1) !important;
  border: 1px solid rgba(16,185,129,0.3) !important;
  border-radius: var(--radius-md) !important;
  padding: 14px 18px !important; color: rgba(255,255,255,0.85) !important;
  font-size: 13px !important; margin-bottom: 1.5rem !important;
  list-style: none !important;
}
.vsr-account-content .woocommerce-error {
  background: rgba(224,32,32,0.1) !important;
  border: 1px solid rgba(224,32,32,0.3) !important;
  border-radius: var(--radius-md) !important;
  padding: 14px 18px !important; color: rgba(255,255,255,0.85) !important;
  font-size: 13px !important; margin-bottom: 1.5rem !important;
  list-style: none !important;
}

/* Content fade-in */
.vsr-account-content > * {
  animation: vsrFadeIn 0.2s ease;
}
@keyframes vsrFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: none; }
}

/* Select arrow */
.vsr-account-content select {
  appearance: none !important; -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
}

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
  .vsr-auth-grid {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .vsr-auth-divider {
    padding: 0 !important;
    flex-direction: row !important;
    gap: 12px !important;
  }
  .vsr-auth-divider::before,
  .vsr-auth-divider::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--border);
  }
  .vsr-account-layout {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .vsr-account-nav {
    position: static !important;
  }
  .vsr-account-nav ul {
    display: flex !important;
    overflow-x: auto !important;
    padding: 4px !important;
    gap: 4px !important;
    scroll-snap-type: x mandatory !important;
  }
  .vsr-account-nav ul li a {
    white-space: nowrap !important;
    border-left: none !important;
    border-bottom: 3px solid transparent !important;
    border-radius: var(--radius) !important;
    padding: 9px 12px !important;
    scroll-snap-align: start !important;
  }
  .vsr-account-nav ul li.vsr-nav-active a {
    border-left-color: transparent !important;
    border-bottom-color: var(--red) !important;
  }
  .vsr-account-content .woocommerce-Addresses {
    grid-template-columns: 1fr !important;
  }
  .vsr-account-wrap { padding: 1.25rem 1rem 3rem !important; }
}


/* ═══════════════════════════════════════════════════════════
   ROUTE SHIPPING PROTECTION — Order summary styling
   ═══════════════════════════════════════════════════════════ */

/* Route row in WC Blocks order summary */
.wc-block-components-order-summary-item.is-route,
.wc-block-order-summary-item__route,
[class*="route"][class*="shipping"],
.wc-block-components-totals-item:has(.route),
.wc-block-components-totals-shipping .route-shipping-protection,
/* Route renders as a fee line — target by content */
.wc-block-components-totals-fees,
.wc-block-components-totals-fees__label {
  /* base — individual overrides below */
}

/* Route fee row wrapper */
.wc-block-components-totals-fees {
  background: var(--bg3, #404550) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  border-radius: var(--radius-md, 6px) !important;
  padding: 10px 14px !important;
  margin: 6px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

/* Label text — "Route Shipping Protection" */
.wc-block-components-totals-fees__label {
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.85) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Route logo/icon inside the label */
.wc-block-components-totals-fees__label img,
.wc-block-components-totals-fees .route-logo {
  height: 16px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important; /* make white */
  opacity: 0.85 !important;
}

/* Amount */
.wc-block-components-totals-fees .wc-block-components-totals-item__value,
.wc-block-components-totals-fees__value {
  font-family: var(--font-head, 'Bebas Neue', sans-serif) !important;
  font-size: 17px !important;
  letter-spacing: 0.04em !important;
  color: #fff !important;
  white-space: nowrap !important;
}

/* Checkbox toggle (Route opt-in/out) */
.wc-block-components-totals-fees input[type="checkbox"],
.route-protection-checkbox {
  accent-color: var(--red, #e02020) !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* "Your order" summary panel (right column / drawer) */
.wc-block-order-summary-item .route-label,
.wp-block-woocommerce-checkout-order-summary-container .wc-block-components-totals-fees {
  background: rgba(255,255,255,0.05) !important;
  border-radius: var(--radius, 4px) !important;
}

/* Route disclaimer text below the row */
.route-disclaimer,
.route-protection-message,
[class*="route"][class*="message"],
[class*="route"][class*="disclaimer"] {
  font-size: 11px !important;
  color: rgba(255,255,255,0.45) !important;
  line-height: 1.5 !important;
  margin-top: 4px !important;
  padding: 0 2px !important;
}

/* "Shipping Protection ✓ Route" checkbox row — as shown in the screenshot */
.wc-block-checkout__order-summary .wc-block-components-totals-fees,
.wc-block-components-order-summary__totals .wc-block-components-totals-fees {
  background: linear-gradient(135deg, rgba(224,32,32,0.08) 0%, rgba(255,255,255,0.04) 100%) !important;
  border-color: rgba(224,32,32,0.2) !important;
}



/* ═══════════════════════════════════════════════════════════
   ROUTE INFO MODAL — z-index + pointer-events only
   Route handles its own layout. We only ensure it appears
   above the WP admin bar and all buttons stay clickable.
   ═══════════════════════════════════════════════════════════ */

/* Above WP admin bar (99999) and our drawer (9999) */
[class*="RouteModal"],
[class*="RoutePopup"],
[class*="RouteProtectionModal"],
[class*="route-modal"],
[class*="route-popup"],
[id*="route-modal"],
[id*="RouteModal"] {
  z-index: 100001 !important;
  pointer-events: auto !important;
}

/* All children clickable — critical for the X close button */
[class*="RouteModal"] *,
[class*="RoutePopup"] *,
[class*="RouteProtectionModal"] * {
  pointer-events: auto !important;
}

/* Allow inner content to scroll on small screens */
[class*="RouteModal"] [class*="content"],
[class*="RouteModal"] [class*="Content"],
[class*="RouteModal"] [class*="body"],
[class*="RouteModal"] [class*="Body"],
[class*="RoutePopup"] [class*="content"],
[class*="RoutePopup"] [class*="Content"] {
  max-height: 80vh !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

/* Body scroll lock — toggled by JS */
body.route-modal-open {
  overflow: hidden !important;


/* ═══════════════════════════════════════════════════════════
   COUPON / ADD COUPONS — single definitive block
   ═══════════════════════════════════════════════════════════ */

/* Panel wrapper (the collapsible ADD COUPONS accordion) */
.wc-block-components-totals-coupon {
  background: var(--bg3, #404550) !important;
  border: 1px solid var(--border, rgba(255,255,255,0.15)) !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  margin: 6px 0 !important;
}

/* Accordion toggle button (the "ADD COUPONS ˅" header) */
.wc-block-components-totals-coupon .wc-block-components-panel__button,
.wc-block-components-totals-coupon > button:not([type="submit"]) {
  background: transparent !important;
  border: none !important;
  color: rgba(255,255,255,0.7) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 0 !important;
  font-family: var(--font-body, 'DM Sans', sans-serif) !important;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button:hover {
  color: #fff !important;
}

/* Expanded content area */
.wc-block-components-totals-coupon .wc-block-components-panel__content {
  background: transparent !important;
  padding: 12px 0 0 !important;
}

/* Input + button row */
.wc-block-components-totals-coupon__form {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

/* Code input */
.wc-block-components-totals-coupon__input,
.wc-block-components-totals-coupon input[type="text"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 44px !important;
  background: var(--bg2, #1e2128) !important;
  border: 1px solid var(--border2, rgba(255,255,255,0.26)) !important;
  color: var(--text, #f5f5f5) !important;
  border-radius: var(--radius, 4px) !important;
  padding: 0 14px !important;
  font-size: 14px !important;
  font-family: var(--font-body, 'DM Sans', sans-serif) !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s, box-shadow 0.15s !important;
  /* Override any inherited label positioning */
  position: static !important;
}
.wc-block-components-totals-coupon input[type="text"]:focus {
  border-color: var(--red, #e02020) !important;
  box-shadow: 0 0 0 3px rgba(224,32,32,0.15) !important;
}
.wc-block-components-totals-coupon input::placeholder {
  color: rgba(255,255,255,0.3) !important;
}

/* APPLY button — solid red, same height as input */
.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon button[type="submit"] {
  flex-shrink: 0 !important;
  height: 44px !important;
  min-width: 90px !important;
  padding: 0 20px !important;
  background: var(--red, #e02020) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--radius, 4px) !important;
  font-family: var(--font-body, 'DM Sans', sans-serif) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  box-shadow: 0 4px 12px rgba(224,32,32,0.3) !important;
  transition: background 0.15s !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  /* Override any previous transparent/bg3 rules */
  border-left: none !important;
  width: auto !important;
  margin-top: 0 !important;
}
.wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon button[type="submit"]:hover {
  background: var(--red-dim, #c01a1a) !important;
}

/* Spinner inside button stays white */
.wc-block-components-totals-coupon button .wc-block-components-spinner {
  border-color: rgba(255,255,255,0.3) !important;
  border-top-color: #fff !important;
}

/* Applied coupon tag */
.wc-block-components-chip,
.wc-block-components-totals-discount .wc-block-components-chip {
  background: rgba(224,32,32,0.15) !important;
  border: 1px solid rgba(224,32,32,0.3) !important;
  border-radius: 20px !important;
  color: #fff !important;
  font-size: 12px !important;
  padding: 3px 10px !important;
}
.wc-block-components-chip__remove {
  color: rgba(255,255,255,0.6) !important;
  cursor: pointer !important;
}
.wc-block-components-chip__remove:hover { color: var(--red, #e02020) !important; }


/* ═══════════════════════════════════════════════════════════
   ROUTE CHECKBOX FIX
   ═══════════════════════════════════════════════════════════ */

/* Route renders a custom checkbox — ensure it shows checked state */
.wc-block-components-totals-fees input[type="checkbox"],
[class*="route"] input[type="checkbox"],
[class*="Route"] input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: auto !important;
  accent-color: var(--red, #e02020) !important;
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  transform: none !important;
}

/* Some Route versions hide the real checkbox and use a styled div */
[class*="route"] [class*="checkbox"],
[class*="Route"] [class*="checkbox"],
[class*="route"] [class*="check-box"],
[class*="Route"] [class*="checkBox"] {
  pointer-events: auto !important;
  cursor: pointer !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Checked state for Route's custom styled checkbox */
[class*="route"] [class*="checkbox"][class*="checked"],
[class*="Route"] [class*="checkbox"][class*="checked"],
[class*="route"] [aria-checked="true"],
[class*="Route"] [aria-checked="true"] {
  background: var(--red, #e02020) !important;
  border-color: var(--red, #e02020) !important;
}


/* ── CREDIT CARD IFRAME FIELDS — dark theme ──────────────── */
/* The card number/expiry/CVV fields are iframes injected by   */
/* the payment gateway — we style their wrapper containers     */

.wc-block-components-payment-methods__content iframe,
[class*="card-number"] iframe,
[class*="card-expiry"] iframe,
[class*="card-cvc"] iframe,
[class*="CardNumber"] iframe,
[class*="CardExpiry"] iframe,
[class*="CardCvc"] iframe {
  background: var(--bg3, #404550) !important;
  border-radius: var(--radius, 4px) !important;
  color-scheme: dark !important;
}

/* Wrapper divs around the iframes */
.wc-block-gateway-container,
[class*="card-number"],
[class*="card-expiry"],
[class*="card-cvc"],
[class*="CardField"],
[class*="card-field"],
.wc-block-components-payment-methods__content input,
.wc-block-components-payment-methods__content [class*="input"] {
  background: var(--bg3, #404550) !important;
  border: 1px solid var(--border2, rgba(255,255,255,0.26)) !important;
  border-radius: var(--radius, 4px) !important;
  color: var(--text, #f5f5f5) !important;
}

/* Stripe/Square element containers that render white */
.StripeElement,
.StripeElement--focus,
.sq-input,
.sq-input--focus {
  background: var(--bg3, #404550) !important;
  border: 1px solid var(--border2, rgba(255,255,255,0.26)) !important;
  border-radius: var(--radius, 4px) !important;
  padding: 12px 14px !important;
  color-scheme: dark !important;
}
.StripeElement--focus,
.sq-input--focus {
  border-color: var(--red, #e02020) !important;
  box-shadow: 0 0 0 3px rgba(224,32,32,0.15) !important;
}


/* ── CLEANTALK ANTI-SPAM NOTICE — dark theme ─────────────── */

/* CleanTalk injects error messages as white tooltips/divs */
[class*="cleantalk"],
[id*="cleantalk"],
[class*="CleanTalk"],
[id*="CleanTalk"],
.cleantalk-error,
.cleantalk-check-result,
#cleantalk-check-result,
div[id*="ct_checkjs"],
span[id*="ct_checkjs"] {
  background: rgba(224,32,32,0.12) !important;
  border: 1px solid rgba(224,32,32,0.35) !important;
  border-radius: var(--radius-md, 6px) !important;
  color: rgba(255,200,200,0.9) !important;
  font-size: 12px !important;
  font-family: var(--font-body, 'DM Sans', sans-serif) !important;
  padding: 10px 14px !important;
  margin: 6px 0 !important;
  box-shadow: none !important;
  /* Remove white background */
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* The specific white pill/bubble shape CleanTalk uses */
[class*="cleantalk"] *,
[id*="cleantalk"] * {
  color: rgba(255,200,200,0.9) !important;
  background: transparent !important;
}

/* Inline error next to the email field specifically */
.wc-block-components-text-input + [class*="cleantalk"],
.wc-block-components-form + [class*="cleantalk"],
input[type="email"] + [class*="cleantalk"],
input[type="email"] ~ [class*="cleantalk"] {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
}