/* ═════════════════════════════════════════════════════════════════════
   bighex — Minimal WooCommerce Blocks dark/lime restyle.
   Goal: don't fight WC's layout. Just apply brand palette over defaults.
   Loaded on is_checkout() || is_cart().
   ═════════════════════════════════════════════════════════════════════ */

/* ─── Page background ─── */
body.woocommerce-checkout,
body.woocommerce-cart{
  background:var(--bg);
  color:#fff;
}

body.woocommerce-checkout .bighex-page-main,
body.woocommerce-cart .bighex-page-main{
  max-width:1280px;
  padding:120px 28px 100px;
  color:#fff;
}

/* "Checkout" / "Cart" page title */
body.woocommerce-checkout .bighex-page-title,
body.woocommerce-cart .bighex-page-title{
  display:flex;align-items:center;gap:16px;
  font-size:clamp(2rem,4.2vw,3.2rem);
  font-weight:900;
  letter-spacing:-.025em;
  margin-bottom:32px;
  color:#fff;
}
body.woocommerce-checkout .bighex-page-title::before,
body.woocommerce-cart .bighex-page-title::before{
  content:"";display:inline-block;
  width:30px;height:34px;
  background:var(--primary);
  clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);
  box-shadow:0 0 28px rgba(178,216,106,.45);
  flex-shrink:0;
}

/* ═══════════════════════════════════════════════════════════════════
   TEXT — global readability on dark background
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .wp-block-woocommerce-checkout,
body.woocommerce-cart .wp-block-woocommerce-cart,
body.woocommerce-checkout .wp-block-woocommerce-checkout *:not(svg):not(path):not(input):not(textarea):not(select):not(button):not(.wc-block-components-button):not([style*="color"]),
body.woocommerce-cart .wp-block-woocommerce-cart *:not(svg):not(path):not(input):not(textarea):not(select):not(button):not(.wc-block-components-button):not([style*="color"]){
  color:#ececec;
}
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout .wc-block-components-totals-item__label,
body.woocommerce-checkout .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-product-price,
body.woocommerce-checkout .wc-block-components-order-summary-item__total-price,
body.woocommerce-checkout .wc-block-checkout__main h2,
body.woocommerce-checkout .wc-block-checkout__sidebar h2,
body.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block h2,
body.woocommerce-cart .wc-block-cart-items th,
body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-cart .wc-block-components-product-price,
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value{
  color:#fff !important;
}
body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-product-metadata,
body.woocommerce-checkout .wc-block-components-checkbox__label{
  color:#bdbdbd !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PANELS — give the form and sidebar a dark card background
   ═══════════════════════════════════════════════════════════════════ */
.wp-block-woocommerce-checkout-fields-block,
.wp-block-woocommerce-checkout-totals-block,
.wp-block-woocommerce-cart-items-block,
.wp-block-woocommerce-cart-totals-block{
  background:#111111 !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:18px !important;
  padding:28px !important;
}
@media(max-width:560px){
  .wp-block-woocommerce-checkout-fields-block,
  .wp-block-woocommerce-checkout-totals-block,
  .wp-block-woocommerce-cart-items-block,
  .wp-block-woocommerce-cart-totals-block{padding:20px !important}
}

/* Step dividers — soften */
.wc-block-components-checkout-step{
  border-color:rgba(255,255,255,.08) !important;
}
.wc-block-components-checkout-step__title{
  font-size:1.25rem !important;
  font-weight:800 !important;
  letter-spacing:-.01em !important;
  color:#fff !important;
}

/* ═══════════════════════════════════════════════════════════════════
   FORM INPUTS — every flavor WC uses, all dark
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout input[type="text"],
body.woocommerce-checkout input[type="email"],
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[type="number"],
body.woocommerce-checkout input[type="password"],
body.woocommerce-checkout input[type="search"],
body.woocommerce-checkout textarea,
body.woocommerce-checkout select,
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-block-components-combobox input,
body.woocommerce-checkout .wc-blocks-components-select select,
body.woocommerce-cart input[type="text"],
body.woocommerce-cart input[type="email"],
body.woocommerce-cart textarea,
body.woocommerce-cart select{
  background:#0d0d0d !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  padding:18px 14px 8px 14px !important;
  font-size:1rem !important;
  font-family:inherit !important;
  -webkit-appearance:none !important;
  appearance:none !important;
}
body.woocommerce-checkout select,
body.woocommerce-checkout .wc-blocks-components-select select{
  padding-right:42px !important;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%239a9a9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 1.5 6 6.5 11 1.5'/></svg>') !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
}
body.woocommerce-checkout select option{
  background:#0d0d0d !important;
  color:#fff !important;
}

body.woocommerce-checkout input:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout .wc-block-components-text-input input:focus{
  border-color:var(--primary) !important;
  box-shadow:0 0 0 3px rgba(178,216,106,.18) !important;
  outline:none !important;
  background-color:#101510 !important;
}
body.woocommerce-checkout input::placeholder,
body.woocommerce-checkout textarea::placeholder{
  color:#6a6a6a !important;
}

/* Floating label */
body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-block-components-combobox label{
  color:#9a9a9a !important;
  font-weight:500 !important;
}
body.woocommerce-checkout .wc-block-components-text-input.is-active label,
body.woocommerce-checkout .wc-block-components-text-input input:focus + label{
  color:var(--primary) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   CHECKBOXES + RADIOS — lime accent
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .wc-block-components-checkbox__mark{
  background:#0d0d0d !important;
  border:1.5px solid rgba(255,255,255,.2) !important;
  border-radius:5px !important;
}
body.woocommerce-checkout .wc-block-components-checkbox__input:checked + .wc-block-components-checkbox__mark{
  background:var(--primary) !important;
  border-color:var(--primary) !important;
}
body.woocommerce-checkout .wc-block-components-checkbox__mark svg{color:var(--primary-ink) !important}

body.woocommerce-checkout .wc-block-components-radio-control__input{
  accent-color:var(--primary) !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__option{
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:10px !important;
  padding:14px 16px !important;
  margin-bottom:8px !important;
}
body.woocommerce-checkout .wc-block-components-radio-control__option--checked-option{
  border-color:var(--primary) !important;
  background:rgba(178,216,106,.05) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PRIMARY BUTTON (Place Order, Proceed to Checkout)
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-button.contained,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button{
  background:var(--primary) !important;
  color:var(--primary-ink) !important;
  border:none !important;
  border-radius:999px !important;
  padding:16px 32px !important;
  font-size:1.02rem !important;
  font-weight:800 !important;
  box-shadow:0 12px 32px rgba(178,216,106,.25) !important;
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease !important;
  cursor:pointer !important;
  text-transform:none !important;
  width:100% !important;
  justify-content:center !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout .wc-block-components-button.contained:hover,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 50px rgba(178,216,106,.4) !important;
  background:#c1e478 !important;
}
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled,
body.woocommerce-checkout .wc-block-components-button.contained:disabled{
  opacity:.45 !important;
  transform:none !important;
  box-shadow:none !important;
}

/* Return-to-cart link */
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button{
  color:#9a9a9a !important;
  text-decoration:none !important;
}
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover{color:#fff !important}

/* ═══════════════════════════════════════════════════════════════════
   LINKS
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .wp-block-woocommerce-checkout a:not(.wc-block-components-button),
body.woocommerce-cart .wp-block-woocommerce-cart a:not(.wc-block-components-button){
  color:var(--primary) !important;
  text-decoration:none !important;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout a:not(.wc-block-components-button):hover,
body.woocommerce-cart .wp-block-woocommerce-cart a:not(.wc-block-components-button):hover{
  color:#c9eb7e !important;
}

/* ═══════════════════════════════════════════════════════════════════
   EXPRESS CHECKOUT — light touch, just darken
   ═══════════════════════════════════════════════════════════════════ */
.wc-block-components-express-payment{
  background:rgba(255,255,255,.02) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  border-radius:14px !important;
  padding:20px !important;
}
.wc-block-components-express-payment__title{
  color:#cfcfcf !important;
  font-weight:600 !important;
}

/* "Or continue below" divider — readable on dark */
.wc-block-components-express-payment-continue-rule{
  color:#9a9a9a !important;
}

/* ═══════════════════════════════════════════════════════════════════
   ORDER SUMMARY — light touch
   ═══════════════════════════════════════════════════════════════════ */
.wc-block-components-order-summary-item__image{
  background:#0a0a0a !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.06);
}
.wc-block-components-order-summary-item__image img{
  object-fit:contain !important;
}
.wc-block-components-order-summary-item__quantity{
  background:var(--primary) !important;
  color:var(--primary-ink) !important;
  border:2px solid #0a0a0a !important;
  font-weight:900 !important;
}

/* Totals area dividers */
.wc-block-components-totals-wrapper{
  border-color:rgba(255,255,255,.08) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   NOTICES
   ═══════════════════════════════════════════════════════════════════ */
.wc-block-components-notice-banner{
  background:rgba(178,216,106,.06) !important;
  border:1px solid rgba(178,216,106,.3) !important;
  border-radius:10px !important;
  color:#fff !important;
}
.wc-block-components-notice-banner.is-error,
.wc-block-components-notice-banner.is-warning{
  background:rgba(255,90,118,.08) !important;
  border-color:rgba(255,90,118,.4) !important;
}
.wc-block-components-notice-banner *{color:inherit !important}

/* Spinner */
.wc-block-components-spinner::before{
  border-top-color:var(--primary) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   DROPDOWN CORNERS — kill white bits showing on Country/State controls
   These selectors cover the native <select>, WC combobox wrapper, and
   the trigger button some WC versions render inside the combobox.
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout select,
body.woocommerce-checkout select:hover,
body.woocommerce-checkout select:focus,
body.woocommerce-checkout .wc-block-components-combobox,
body.woocommerce-checkout .wc-block-components-combobox-control,
body.woocommerce-checkout .wc-block-components-combobox-control input,
body.woocommerce-checkout .wc-block-components-combobox > div,
body.woocommerce-checkout .wc-block-components-combobox button{
  background-color:#0d0d0d !important;
  background-image:none;
  border-radius:10px !important;
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  color:#fff !important;
}
body.woocommerce-checkout select::-ms-expand{display:none !important}

/* Restore the arrow icon ONLY on the outermost select/combobox, not nested elements */
body.woocommerce-checkout select,
body.woocommerce-checkout .wc-blocks-components-select select,
body.woocommerce-checkout .wc-block-components-combobox-control{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%239a9a9a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><polyline points='1 1.5 6 6.5 11 1.5'/></svg>') !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  padding-right:42px !important;
}

/* Combobox wrapper + suggestions list */
body.woocommerce-checkout .wc-block-components-combobox{
  overflow:visible !important;
  border:1px solid rgba(255,255,255,.12) !important;
}
body.woocommerce-checkout .wc-block-components-combobox-control{
  border:none !important;
  padding:0 !important;
}
body.woocommerce-checkout .wc-block-components-combobox-control input{
  border:none !important;
  border-radius:10px !important;
  padding:18px 42px 8px 14px !important;
}

/* The internal trigger button some versions render */
body.woocommerce-checkout .wc-block-components-combobox button,
body.woocommerce-checkout .wc-block-components-combobox .components-button{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  color:#9a9a9a !important;
}

/* Autocomplete suggestions popup — dark themed */
body.woocommerce-checkout .wc-block-components-combobox-control__suggestions-container,
body.woocommerce-checkout .wc-block-components-combobox-list,
body.woocommerce-checkout .components-autocomplete__results{
  background:#0d0d0d !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  color:#fff !important;
}
body.woocommerce-checkout .wc-block-components-combobox-list-item,
body.woocommerce-checkout .components-autocomplete__result{
  background:transparent !important;
  color:#ececec !important;
  padding:10px 14px !important;
}
body.woocommerce-checkout .wc-block-components-combobox-list-item.is-highlighted,
body.woocommerce-checkout .wc-block-components-combobox-list-item:hover,
body.woocommerce-checkout .components-autocomplete__result.is-selected{
  background:rgba(178,216,106,.1) !important;
  color:#fff !important;
}

/* Kill the yellow autofill bg in webkit */
body.woocommerce-checkout input:-webkit-autofill,
body.woocommerce-checkout input:-webkit-autofill:hover,
body.woocommerce-checkout input:-webkit-autofill:focus,
body.woocommerce-checkout select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #0d0d0d inset !important;
  -webkit-text-fill-color:#fff !important;
  caret-color:#fff !important;
  transition:background-color 5000s ease-in-out 0s !important;
}

/* ═══════════════════════════════════════════════════════════════════
   RADIO BUTTONS — custom dark circle with lime fill on check.
   Cover both WC blocks radio-control AND any native input[type=radio]
   (gateways inject their own radios).
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout input[type="radio"],
body.woocommerce-checkout .wc-block-components-radio-control__input,
body.woocommerce-cart input[type="radio"]{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  border-radius:50% !important;
  border:1.5px solid rgba(255,255,255,.22) !important;
  background:#0d0d0d !important;
  position:relative !important;
  cursor:pointer !important;
  flex-shrink:0 !important;
  margin:0 8px 0 0 !important;
  padding:0 !important;
  box-shadow:none !important;
  vertical-align:middle !important;
  transition:border-color .15s ease, background .15s ease !important;
}
body.woocommerce-checkout input[type="radio"]:hover,
body.woocommerce-checkout .wc-block-components-radio-control__input:hover{
  border-color:rgba(178,216,106,.55) !important;
}
body.woocommerce-checkout input[type="radio"]:checked,
body.woocommerce-checkout .wc-block-components-radio-control__input:checked{
  border-color:var(--primary) !important;
  background:#0d0d0d !important;
}
body.woocommerce-checkout input[type="radio"]:checked::after,
body.woocommerce-checkout .wc-block-components-radio-control__input:checked::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  width:10px !important;
  height:10px !important;
  background:var(--primary) !important;
  border-radius:50% !important;
  box-shadow:0 0 10px rgba(178,216,106,.5) !important;
}
body.woocommerce-checkout input[type="radio"]:focus,
body.woocommerce-checkout .wc-block-components-radio-control__input:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(178,216,106,.2) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   CHECKBOX — tighten mark<>label spacing, kill UA native rendering
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .wc-block-components-checkbox{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  cursor:pointer !important;
}
body.woocommerce-checkout .wc-block-components-checkbox__mark{
  margin:0 !important;
  flex-shrink:0 !important;
  width:20px !important;
  height:20px !important;
}
body.woocommerce-checkout .wc-block-components-checkbox__label{
  margin:0 !important;
  font-size:.92rem !important;
  line-height:1.4 !important;
  color:#ececec !important;
}
body.woocommerce-checkout .wc-block-components-checkbox__input{
  -webkit-appearance:none !important;
  appearance:none !important;
  opacity:0 !important;
  width:20px !important;
  height:20px !important;
  margin:0 !important;
  cursor:pointer !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PLACE ORDER BUTTON — broad selector net to beat every WC Blocks variant
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button[disabled],
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.is-disabled,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.is-loading,
body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button,
body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button:disabled,
body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button[disabled],
body.woocommerce-checkout button.wc-block-components-button.contained,
body.woocommerce-checkout button.wc-block-components-button.contained:disabled,
body.woocommerce-checkout button.wc-block-components-button.contained[disabled],
body.woocommerce-checkout button.wp-element-button.wc-block-components-checkout-place-order-button,
body.woocommerce-checkout button.wp-element-button.wc-block-components-checkout-place-order-button:disabled,
body.woocommerce-checkout button.wp-element-button.wc-block-components-checkout-place-order-button[disabled],
body.woocommerce-checkout button.components-button.is-primary,
body.woocommerce-checkout .wc-block-cart__submit-container button,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block button,
body.woocommerce-cart .wp-block-woocommerce-proceed-to-checkout-block .wp-element-button{
  background:var(--primary) !important;
  background-color:var(--primary) !important;
  background-image:none !important;
  color:var(--primary-ink) !important;
  border:none !important;
  border-radius:999px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}
/* Inner text span color inheritance */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button *,
body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button *{
  color:var(--primary-ink) !important;
}
/* Disabled state — keep lime, just dim it */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button:disabled,
body.woocommerce-checkout .wc-block-components-checkout-place-order-button[disabled],
body.woocommerce-checkout .wc-block-components-checkout-place-order-button.is-disabled,
body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button:disabled,
body.woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button[disabled],
body.woocommerce-checkout button.wc-block-components-button.contained:disabled,
body.woocommerce-checkout button.wc-block-components-button.contained[disabled]{
  opacity:.55 !important;
  filter:saturate(.6) !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
  transform:none !important;
}

/* ═══════════════════════════════════════════════════════════════════
   PHONE NUMBER FIELD (WooPay save-info / intl-tel-input)
   Make room for the country flag selector on the left so it doesn't
   overlap the placeholder/value text.
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout .iti,
body.woocommerce-checkout .iti--allow-dropdown{
  width:100% !important;
  display:block !important;
}
body.woocommerce-checkout .iti input,
body.woocommerce-checkout .iti input[type="tel"],
body.woocommerce-checkout .iti--allow-dropdown input,
body.woocommerce-checkout input.wcpay-woopay-otp-input,
body.woocommerce-checkout input[name*="phone"],
body.woocommerce-checkout input[type="tel"]{
  padding-left:58px !important;
}
body.woocommerce-checkout .iti__flag-container,
body.woocommerce-checkout .iti__selected-flag{
  background:transparent !important;
  border-right:1px solid rgba(255,255,255,.1) !important;
  padding:0 10px !important;
  z-index:2 !important;
}
body.woocommerce-checkout .iti__country-list{
  background:#0d0d0d !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:10px !important;
  color:#fff !important;
}
body.woocommerce-checkout .iti__country{
  color:#ececec !important;
}
body.woocommerce-checkout .iti__country.iti__highlight,
body.woocommerce-checkout .iti__country:hover{
  background:rgba(178,216,106,.1) !important;
}
body.woocommerce-checkout .iti__divider{
  border-color:rgba(255,255,255,.1) !important;
}
/* The error message below the phone field */
body.woocommerce-checkout .wc-block-components-validation-error{
  margin-top:6px !important;
  font-size:.82rem !important;
}

/* ═══════════════════════════════════════════════════════════════════
   NATIVE CHECKBOXES — for "Add a note to your order" and similar
   that don't use the WC checkbox component
   ═══════════════════════════════════════════════════════════════════ */
body.woocommerce-checkout input[type="checkbox"]:not(.wc-block-components-checkbox__input),
body.woocommerce-cart input[type="checkbox"]:not(.wc-block-components-checkbox__input){
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  min-height:20px !important;
  border:1.5px solid rgba(255,255,255,.22) !important;
  border-radius:5px !important;
  background:#0d0d0d !important;
  cursor:pointer !important;
  position:relative !important;
  flex-shrink:0 !important;
  margin:0 10px 0 0 !important;
  vertical-align:middle !important;
  padding:0 !important;
  box-shadow:none !important;
  transition:border-color .15s ease, background .15s ease !important;
}
body.woocommerce-checkout input[type="checkbox"]:not(.wc-block-components-checkbox__input):hover{
  border-color:rgba(178,216,106,.55) !important;
}
body.woocommerce-checkout input[type="checkbox"]:not(.wc-block-components-checkbox__input):checked,
body.woocommerce-cart input[type="checkbox"]:not(.wc-block-components-checkbox__input):checked{
  background:var(--primary) !important;
  border-color:var(--primary) !important;
}
body.woocommerce-checkout input[type="checkbox"]:not(.wc-block-components-checkbox__input):checked::after,
body.woocommerce-cart input[type="checkbox"]:not(.wc-block-components-checkbox__input):checked::after{
  content:"" !important;
  position:absolute !important;
  left:6px !important;
  top:2px !important;
  width:5px !important;
  height:10px !important;
  border:solid var(--primary-ink) !important;
  border-width:0 2px 2px 0 !important;
  transform:rotate(45deg) !important;
  background:transparent !important;
}
body.woocommerce-checkout input[type="checkbox"]:focus{
  outline:none !important;
  box-shadow:0 0 0 3px rgba(178,216,106,.2) !important;
}

/* ═══════════════════════════════════════════════════════════════════
   NUCLEAR FALLBACKS — target any button/checkbox we may have missed
   by structural position rather than class name.
   ═══════════════════════════════════════════════════════════════════ */

/* Any button anywhere inside the WC checkout that's NOT an express-pay
   button: force lime. This catches whatever class WC's bundle emits. */
body.woocommerce-checkout .wp-block-woocommerce-checkout button:not(.wc-block-components-express-payment__event-buttons *),
body.woocommerce-checkout .wp-block-woocommerce-checkout button[type="submit"],
body.woocommerce-checkout .wp-block-woocommerce-checkout button[type="button"]:not(.wc-block-components-express-payment__event-buttons *):not(.wc-block-components-combobox-control button):not(.wc-block-components-totals-coupon button):not(.wc-block-components-quantity-selector button):not([aria-label*="Edit"]):not([aria-label*="Remove"]):not([class*="combobox"]):not([class*="quantity"]):not([class*="form-token"]){
  background:var(--primary) !important;
  background-color:var(--primary) !important;
  background-image:none !important;
  color:var(--primary-ink) !important;
  border:none !important;
  border-radius:999px !important;
  font-weight:800 !important;
  padding:16px 32px !important;
  cursor:pointer !important;
  min-height:56px !important;
}
body.woocommerce-checkout .wp-block-woocommerce-checkout button:not(.wc-block-components-express-payment__event-buttons *) > *,
body.woocommerce-checkout .wp-block-woocommerce-checkout button[type="submit"] > *{
  color:var(--primary-ink) !important;
}
/* Disabled */
body.woocommerce-checkout .wp-block-woocommerce-checkout button[disabled]:not(.wc-block-components-express-payment__event-buttons *),
body.woocommerce-checkout .wp-block-woocommerce-checkout button:disabled:not(.wc-block-components-express-payment__event-buttons *){
  opacity:.55 !important;
  filter:saturate(.6) !important;
  cursor:not-allowed !important;
}

/* "Add a note to your order" wrapper-anchored checkbox */
body.woocommerce-checkout .wc-block-checkout__add-note input[type="checkbox"],
body.woocommerce-checkout label.wc-block-checkout__add-note input[type="checkbox"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:20px !important;
  height:20px !important;
  border:1.5px solid rgba(255,255,255,.22) !important;
  border-radius:5px !important;
  background:#0d0d0d !important;
  cursor:pointer !important;
  position:relative !important;
  flex-shrink:0 !important;
  margin:0 10px 0 0 !important;
  vertical-align:middle !important;
}
body.woocommerce-checkout .wc-block-checkout__add-note input[type="checkbox"]:checked,
body.woocommerce-checkout label.wc-block-checkout__add-note input[type="checkbox"]:checked{
  background:var(--primary) !important;
  border-color:var(--primary) !important;
}
body.woocommerce-checkout .wc-block-checkout__add-note input[type="checkbox"]:checked::after,
body.woocommerce-checkout label.wc-block-checkout__add-note input[type="checkbox"]:checked::after{
  content:"" !important;
  position:absolute !important;
  left:6px !important;
  top:2px !important;
  width:5px !important;
  height:10px !important;
  border:solid var(--primary-ink) !important;
  border-width:0 2px 2px 0 !important;
  transform:rotate(45deg) !important;
}
body.woocommerce-checkout .wc-block-checkout__add-note{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

/* Phone field — the WooPay save-info phone is in .woopay-otp or .iti, but
   even if iti hasn't initialized, give EVERY tel input safe left padding */
body.woocommerce-checkout input[type="tel"],
body.woocommerce-checkout input[name*="phone"],
body.woocommerce-checkout input[name*="Phone"],
body.woocommerce-checkout input[autocomplete="tel"],
body.woocommerce-checkout input[autocomplete*="tel"]{
  padding-left:58px !important;
}