/* ================= GLOBAL HOVER CONTRAST SAFETY NET ================= */
/* Ensures no button, link, or control ever blends into its own hover background. */
.wp-element-button:hover,
.wp-block-button__link:hover,
button:hover,
.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  color: #c7a84d !important;
}

/* ================= WOOCOMMERCE CHECKOUT: BLACK & GOLD THEME ================= */
body.woocommerce-checkout,
.woocommerce-checkout,
.wc-block-checkout,
.wp-block-woocommerce-checkout {
  background-color: #0b0b0c !important;
  color: #f5f5f0 !important;
}

.woocommerce-checkout h1,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-checkout label,
.woocommerce-checkout p,
.woocommerce-checkout th,
.woocommerce-checkout td,
.wc-block-checkout label,
.wc-block-checkout p,
.wc-block-checkout h2,
.wc-block-checkout h3 {
  color: #f5f5f0 !important;
}

/* Inputs: dark surface, gold focus, always-visible text */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout select,
.woocommerce-checkout textarea,
.wc-block-checkout input,
.wc-block-checkout select,
.wc-block-checkout textarea {
  background-color: #141414 !important;
  color: #f5f5f0 !important;
  border: 1px solid #c7a84d !important;
}

.woocommerce-checkout input::placeholder,
.wc-block-checkout input::placeholder {
  color: #a8a8a0 !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus,
.wc-block-checkout input:focus {
  outline: 2px solid #c7a84d !important;
  border-color: #c7a84d !important;
}

/* Order review / totals table */
.woocommerce-checkout table.shop_table,
.woocommerce-checkout-review-order-table,
.wc-block-components-totals-wrapper {
  background-color: #141414 !important;
  color: #f5f5f0 !important;
  border-color: #2a2a2a !important;
}

.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
  border-color: #2a2a2a !important;
  color: #f5f5f0 !important;
}

/* Checkout buttons: gold fill, black text, stays legible on hover */
.woocommerce-checkout #place_order,
.woocommerce-checkout button.checkout,
.wc-block-checkout__actions button,
.woocommerce-checkout .button {
  background-color: #c7a84d !important;
  color: #0b0b0c !important;
  border: none !important;
}

.woocommerce-checkout #place_order:hover,
.woocommerce-checkout button.checkout:hover,
.wc-block-checkout__actions button:hover,
.woocommerce-checkout .button:hover {
  background-color: #e6c66a !important;
  color: #0b0b0c !important;
}

/* Links inside checkout (e.g. "Return to cart") */
.woocommerce-checkout a,
.wc-block-checkout a {
  color: #c7a84d !important;
}

.woocommerce-checkout a:hover,
.wc-block-checkout a:hover {
  color: #e6c66a !important;
}
/* ================= FIX: Stripe payment element white-on-white ================= */
/* WooPayments auto-themes the Stripe iframe by sampling the surrounding page's
   computed text color. Reset that locally so the card box stays black-on-white
   instead of inheriting our dark checkout text color. */
/* replaced below with a scoped fix */

/* ================= FIX: Radio button fill when selected ================= */
input[type="radio"] {
  accent-color: #c7a84d;
}

.wc-block-components-radio-control__input:checked {
  background-color: #c7a84d !important;
  border-color: #c7a84d !important;
}

.wc-block-components-radio-control__input {
  border-color: #c7a84d !important;
}

/* ================= FIX: Phone country code prefix contrast ================= */
.iti__selected-dial-code,
.iti__selected-flag,
[class*="dial-code"],
[class*="phone"] [class*="prefix"],
.wc-block-components-phone-number-input [class*="country"] {
  color: #f5f5f0 !important;
  opacity: 1 !important;
}
/* ================= PAYMENT SECTION: full black/gold theme ================= */
#payment,
.woocommerce-checkout-payment,
.wc_payment_method,
.wc-block-checkout__payment-method,
.wc-block-checkout__payment-methods,
.wc-block-components-payment-method-icons {
  background-color: #0b0b0c !important;
  color: #f5f5f0 !important;
  border-color: #2a2a2a !important;
}

#payment label,
.wc-block-checkout__payment-method label,
.wc-block-components-radio-control__label,
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option__title,
.payment_box label,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.wc-block-checkout h2,
.wc-block-checkout h3 {
  color: #f5f5f0 !important;
}

/* Individual payment method rows (Card / Affirm / Cash App / Klarna) */
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control__option {
  background-color: #0b0b0c !important;
  border-color: #2a2a2a !important;
  color: #f5f5f0 !important;
}

/* "Save my info" + checkbox area */
.wc-block-checkout__save-card-info,
.wc-block-components-checkbox,
.wc-block-components-checkbox__label {
  background-color: #0b0b0c !important;
  color: #f5f5f0 !important;
}

/* Mobile number field for WooPay */
.wc-block-components-phone-number-input,
.wc-block-components-phone-number-input input {
  background-color: #141414 !important;
  color: #f5f5f0 !important;
  border-color: #c7a84d !important;
}

/* Stripe card box now themed dark to match site (see appearance fix below) */
/* Stripe card element wrapper containers: dark surface matching other inputs,
   so the box border/padding is consistent even though the iframe content
   itself is styled separately by Stripe's own Appearance API detection. */
[id*="stripe"],
[id*="upe"],
[id*="card-element"],
[data-testid*="card"],
.wc-block-components-payment-method-icons {
  background-color: #141414 !important;
  border-color: #c7a84d !important;
}
/* ================= FIX: order summary quantity badge (white on white) ================= */
.wc-block-components-product-image__quantity,
.wc-block-components-product-badge,
.quantity-badge,
[class*="quantity-badge"] {
  background-color: #c7a84d !important;
  color: #0b0b0c !important;
  font-weight: 700 !important;
}
/* ================= FIX: order summary quantity badge (real class confirmed via live inspection) ================= */
.wc-block-components-order-summary-item__quantity {
  background-color: #c7a84d !important;
  color: #0b0b0c !important;
  font-weight: 700 !important;
}
/* ================= SITE-WIDE: force soft-rounded buttons ================= */
.wp-block-button__link,
.wp-element-button,
button,
input[type="submit"] {
  border-radius: 10px !important;
}
/* ================= Hide site logo on checkout page only ================= */
body.woocommerce-checkout .wp-block-site-logo,
body.woocommerce-checkout .site-logo {
  display: none !important;
}
/* Hide site title text on checkout too (logo image already hidden separately) */
body.woocommerce-checkout .wp-block-site-title {
  display: none !important;
}