/**
 * MemberPress ReadyLaunch checkout — Prozess tokens.
 * Load order: after `mp-pro-checkout` (priority 1010000). Selectors beat `checkout.css` (use #primary + body).
 */

/* `.mp_wrapper` max-width in integrations-memberpress.css — restore full checkout width */
body.mepr-pro-template #primary .mepr-checkout-container.mp_wrapper {
  max-width: min(70rem, 100%) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper a:not(.mepr-button),
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper a:not(.mepr-button):not(.mepr-payment-option-label) {
  color: var(--amber) !important;
  text-decoration: none !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper a:not(.mepr-button):hover,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper a:not(.mepr-button):focus-visible,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper a:not(.mepr-button):not(.mepr-payment-option-label):hover,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper a:not(.mepr-button):not(.mepr-payment-option-label):focus-visible {
  color: var(--amber2) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper {
  border-bottom-color: var(--line) !important;
  background: var(--surface-muted);
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper {
  background: var(--surface-muted);
}

@media (min-width: 1024px) {
  body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper {
    border-left-color: var(--line) !important;
    background: var(--surface);
  }

  body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper {
    background: var(--surface);
  }
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .invoice-amount {
  font-family: var(--serif) !important;
  color: var(--text-heading) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper p,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper table,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper table th,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper table td,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper table tr td p,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .mp-cart-item {
  color: var(--muted) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper table .total_cell {
  color: var(--text-heading) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper table .bt,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper table .bb {
  border-color: var(--line) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .mp-cart-footer {
  border-top-color: var(--line) !important;
  color: var(--muted) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper svg {
  color: var(--amber) !important;
}

/* Submit — beats `.mepr-checkout-container .form-wrapper input[type="submit"]` from MP checkout.css */
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper input.mepr-submit[type="submit"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper input[type="submit"].mepr-submit,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper button[type="submit"] {
  background: var(--amber) !important;
  color: var(--navy) !important;
  border: none !important;
  border-radius: var(--radius) !important;
  font-family: var(--sans) !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  font-size: 0.82rem !important;
  box-shadow: var(--shadow-amber) !important;
  transition: background 0.2s ease, box-shadow 0.2s ease !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper input.mepr-submit[type="submit"]:hover,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper input.mepr-submit[type="submit"]:focus-visible,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper button[type="submit"]:hover,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper button[type="submit"]:focus-visible {
  background: var(--amber2) !important;
  color: var(--navy) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row input[type="text"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row input[type="email"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row input[type="url"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row input[type="tel"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row input[type="password"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mepr-form-input input[type="password"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mepr-form-input input[type="text"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mepr-form-input input[type="email"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper textarea {
  color: var(--text) !important;
  background-color: var(--surface) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row select {
  color: var(--text) !important;
  background-color: var(--surface) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row input:focus-visible,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row select:focus-visible,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mepr-form-input input:focus-visible,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper textarea:focus-visible {
  border-color: var(--amber) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--amber) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .mp_wrapper label,
body.mepr-pro-template #primary .mepr-checkout-container .mepr-form-label,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper label {
  color: var(--text-heading) !important;
  font-family: var(--sans) !important;
  font-size: 0.88rem !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-address-group .mepr-form-input,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-address-group input[type="text"] {
  box-shadow: none !important;
  border-color: var(--line-strong) !important;
}

body.mepr-pro-template #primary .mepr-payment-methods-radios label {
  border-color: var(--line) !important;
  border-radius: var(--radius) !important;
}

body.mepr-pro-template #primary .mepr-payment-methods-radios label.checked {
  border-color: var(--amber) !important;
  border-width: 2px !important;
  box-shadow: 0 0 0 1px var(--line-accent) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .mp-nopass {
  background: var(--surface-muted) !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--muted) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .mp-weakpass {
  background: var(--cream) !important;
  border: 1px solid var(--line-accent) !important;
  color: var(--text-heading) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .mp-mediumpass,
body.mepr-pro-template #primary .mepr-checkout-container .mp-strongpass {
  background: rgba(200, 146, 42, 0.14) !important;
  border: 1px solid var(--line-accent) !important;
  color: var(--text-heading) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .mepr-coupon-code {
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--radius) !important;
  color: var(--text) !important;
  background: var(--surface) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .mepr_error,
body.mepr-pro-template #primary .mepr-checkout-container .mepr-validation-error {
  color: #b42318 !important;
}

body.mepr-pro-template #primary .mepr_pro_error svg,
body.mepr-pro-template #primary .mepr-unauthorized-message svg {
  color: #b42318 !important;
}

/* ----- ReadyLaunch guest shell (MP theme.css uses blue header #06429E) ----- */
body.mepr-pro-template.mepr-guest-layout {
  background-color: var(--surface-muted);
  color: var(--text);
  font-family: var(--sans);
}

body.mepr-pro-template.mepr-guest-layout header#masthead.site-header,
body.mepr-pro-template.mepr-guest-layout .guest-layout .site-header {
  background-color: var(--surface) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: var(--shadow-soft);
  padding: 1rem 1.5rem !important;
  justify-content: center !important;
}

body.mepr-pro-template.mepr-guest-layout .site-branding {
  text-align: center;
}

body.mepr-pro-template.mepr-guest-layout .site-branding img.site-logo {
  max-height: 48px !important;
  width: auto !important;
}

body.mepr-pro-template.mepr-guest-layout main#primary.site-main {
  padding-bottom: 4rem;
}

/* Invoice title + terms strip */
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper h1.invoice-heading {
  font-family: var(--serif) !important;
  color: var(--text-heading) !important;
  font-weight: 600 !important;
  font-size: clamp(1.35rem, 3vw, 1.85rem) !important;
  line-height: 1.2 !important;
  margin: 0 0 1rem !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .mp_price_str,
body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .mp_price_str strong {
  color: var(--muted) !important;
  font-family: var(--sans) !important;
  font-size: 0.88rem !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .mepr_price_cell.invoice-amount {
  font-family: var(--serif) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .invoice-wrapper .mp-currency-cell {
  color: var(--text-heading) !important;
  font-weight: 500 !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row {
  margin-bottom: 0.35rem;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-submit {
  margin-top: 1.75rem;
  padding-top: 0.5rem;
}

/* Name row + grouped inputs use `.mepr-form-input` without `.mp-form-row` prefix */
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row-group .mepr-form-input input[type="text"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row-group .mepr-form-input input[type="email"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mepr-form-input input[type="password"],
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper input.mepr-password,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper input.mepr-password-confirm {
  color: var(--text) !important;
  background-color: var(--surface) !important;
  border: 1px solid var(--line-strong) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
  font-family: var(--sans) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row input:focus,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-form-row select:focus,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mepr-form-input input:focus,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper textarea:focus {
  border-color: var(--amber) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--amber) !important;
}

/* Password show/hide — outline buttons */
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-hide-pw button.button.mp-hide-pw {
  background: transparent !important;
  border: 1px solid var(--line-strong) !important;
  color: var(--muted) !important;
  border-radius: var(--radius) !important;
  box-shadow: none !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-hide-pw button.button.mp-hide-pw:hover,
body.mepr-pro-template #primary .mepr-checkout-container .form-wrapper .mp-hide-pw button.button.mp-hide-pw:focus-visible {
  border-color: var(--amber2) !important;
  color: var(--text-heading) !important;
}

/* Order bumps */
body.mepr-pro-template #primary .mepr-checkout-container fieldset.mepr-order-bumps {
  margin-top: 1.5rem !important;
  padding: 1rem 1.15rem !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: var(--surface-muted) !important;
}

body.mepr-pro-template #primary .mepr-checkout-container .mepr-order-bumps legend {
  font-family: var(--sans) !important;
  font-weight: 600 !important;
  color: var(--text-heading) !important;
  margin: 0 0 0.75rem !important;
}

/* Password hint text near meter */
body.mepr-pro-template #primary .mepr-checkout-container .mepr-password-meter,
body.mepr-pro-template #primary .mepr-checkout-container .pass-strength-result,
body.mepr-pro-template #primary .mepr-checkout-container #pass-strength-result {
  font-size: 0.82rem !important;
  color: var(--muted) !important;
}

/* Footer widget strip under checkout */
body.mepr-pro-template.mepr-guest-layout .mepr-rl-footer-widgets {
  border-top: 1px solid var(--line);
  padding-top: 2rem;
  margin-top: 2rem;
  background: var(--surface-muted);
}

body.mepr-pro-template.mepr-guest-layout .mepr-rl-footer-widgets,
body.mepr-pro-template.mepr-guest-layout .mepr-rl-footer-widgets a {
  color: var(--muted);
}

body.mepr-pro-template.mepr-guest-layout .mepr-rl-footer-widgets a:hover,
body.mepr-pro-template.mepr-guest-layout .mepr-rl-footer-widgets a:focus-visible {
  color: var(--amber2);
}