/* PAYMENT BOX (the purple block) */
.woocommerce-checkout .woo-checkout-payment,
.woocommerce-checkout #payment {
  background: #f6f3f3 !important;
  border-radius: 12px;
  padding: 28px !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  border: 1px solid rgba(0,0,0,0.06);
}

/* Remove any extra inner backgrounds/borders Woo adds */
.woocommerce-checkout #payment ul.payment_methods {
  background: transparent !important;
  border: 0 !important;
}

/* Make sure text is readable (because it was styled for dark background) */
.woocommerce-checkout #payment,
.woocommerce-checkout #payment label,
.woocommerce-checkout #payment p,
.woocommerce-checkout #payment .payment_box {
  color: #1b1b1b !important;
}
/* Remove dark background from payment description */
.woocommerce-checkout #payment .payment_box {
  background: #ffffff !important;
  color: #1b1b1b !important;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.06);
  padding: 14px 18px !important;
  box-shadow: none !important;
}

/* Payment method rows */
.woocommerce-checkout #payment ul.payment_methods li {
  background: transparent !important;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  padding: 14px 0;
}

/* Radio buttons alignment (Kadence sometimes offsets) */
.woocommerce-checkout #payment input[type="radio"] {
  margin-right: 8px;
}

/* Privacy + terms text colour */
.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
  color: #444;
  font-size: 14px;
}
/* Remove outer grey payment wrapper */
.woocommerce-checkout #payment {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Make payment methods card feel like your Step cards */
.woocommerce-checkout #payment ul.payment_methods {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px 24px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.04);
}
/* Remove faded overlay look on payment section */
.woocommerce-checkout #payment {
  background: transparent !important;
  opacity: 1 !important;
}

/* Make payment methods a clean single card */
.woocommerce-checkout #payment ul.payment_methods {
  background: #ffffff !important;
  border-radius: 16px;
  border: none !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
  padding: 24px !important;
}

/* Make the Payment Methods title readable again */
.woocommerce-checkout #payment h3,
.woocommerce-checkout #payment .wc_payment_methods_title {
  color: #1f2933 !important;
  opacity: 1 !important;
}
/* FIX: washed-out Payment Methods title */
.woocommerce-checkout .woo-checkout-payment h3,
.woocommerce-checkout .woo-checkout-payment #payment h3,
.woocommerce-checkout #payment h3#payment-title {
  color: #111 !important;
  opacity: 1 !important;
}

/* Also force the whole payment panel to full opacity */
.woocommerce-checkout .woo-checkout-payment,
.woocommerce-checkout .ms-tab-panel-2 {
  opacity: 1 !important;
}
/* Express buttons: keep them aligned with the card and centered */
.woocommerce-checkout #wc-stripe-express-checkout-element,
.woocommerce-checkout .wcpay-express-checkout-wrapper,
.woocommerce-checkout .wc-stripe-express-checkout-wrapper {
  max-width: 720px;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Reduce the “OR” spacing */
.woocommerce-checkout #wc-stripe-express-checkout-button-separator,
.woocommerce-checkout .wc-stripe-express-checkout-button-separator {
  margin: 10px auto 14px !important;
}
/* Keep payment section from stretching too wide on desktop */
.woocommerce-checkout .woo-checkout-payment,
.woocommerce-checkout #payment ul.payment_methods {
  max-width: 720px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Order summary: align with left column */
.woocommerce-checkout .woo-checkout-review,
.woocommerce-checkout .woocommerce-checkout-review-order {
  margin-top: 0 !important;
}
/* Set a shared max width for left column content */
:root { --ms-checkout-left: 760px; }

/* Express buttons wrapper */
.woocommerce-checkout #wc-stripe-express-checkout-element,
.woocommerce-checkout .wcpay-express-checkout-wrapper,
.woocommerce-checkout .wc-stripe-express-checkout-wrapper {
  max-width: var(--ms-checkout-left) !important;
  margin: 0 auto 16px !important;
}

/* Payment card width */
.woocommerce-checkout .woo-checkout-payment,
.woocommerce-checkout #payment ul.payment_methods {
  max-width: var(--ms-checkout-left) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* Nudge order summary to align visually with left column */
.woocommerce-checkout .woo-checkout-review,
.woocommerce-checkout .woocommerce-checkout-review-order {
  margin-top: 6px !important;
}
/* Bring columns slightly closer together */
.woocommerce-checkout .checkout.woocommerce-checkout {
  column-gap: 28px !important;
}