/*
 * Dépôt du rêve puis paiement — styles limités à la page d'interprétation.
 */

body.oni-dream-checkout .oni-deposit,
body.oni-dream-checkout .oni-payment {
  scroll-margin-top: 132px;
}

/* Les libellés restent visibles malgré les styles injectés par les extensions. */
body.oni-dream-checkout .oni-collecte .oni-btn,
body.oni-dream-checkout .oni-collecte .oni-btn *,
body.oni-dream-checkout .oni-form-card input.wpcf7-submit,
body.oni-dream-checkout .oni-payment-shell .simpay-payment-btn,
body.oni-dream-checkout .oni-payment-shell .simpay-payment-btn *,
body.oni-dream-checkout .oni-payment-shell button[type="submit"],
body.oni-dream-checkout .oni-payment-shell button[type="submit"] *,
body.oni-dream-checkout .oni-payment-shell input[type="submit"] {
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  text-shadow: none !important;
}

body.oni-dream-checkout .oni-collecte .oni-btn,
body.oni-dream-checkout .oni-collecte .oni-btn *,
body.oni-dream-checkout .oni-form-card input.wpcf7-submit {
  color: #100d20 !important;
  -webkit-text-fill-color: #100d20 !important;
}

body.oni-dream-checkout .oni-payment-shell .simpay-payment-btn,
body.oni-dream-checkout .oni-payment-shell .simpay-payment-btn *,
body.oni-dream-checkout .oni-payment-shell button[type="submit"],
body.oni-dream-checkout .oni-payment-shell button[type="submit"] *,
body.oni-dream-checkout .oni-payment-shell input[type="submit"] {
  color: #1b1509 !important;
  -webkit-text-fill-color: #1b1509 !important;
}

body.oni-dream-checkout .oni-form-card input.wpcf7-submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  min-height: 55px;
  font-size: .78rem !important;
  line-height: 1.25 !important;
}

body.oni-dream-checkout .oni-checkout-steps {
  grid-column: 1 / -1;
  margin: 0 0 26px;
}

body.oni-dream-checkout .oni-checkout-steps ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.oni-dream-checkout .oni-checkout-steps li {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid var(--i127-border-subtle, rgba(248, 245, 237, .13));
  border-radius: 14px;
  color: var(--i127-text-muted, #a7a9ba);
  background: rgba(255, 255, 255, .025);
  font: 650 .76rem/1.3 "Manrope", system-ui, sans-serif;
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.oni-dream-checkout .oni-checkout-steps li::before {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid currentColor;
  border-radius: 50%;
  content: attr(data-step);
  font-size: .69rem;
}

body.oni-dream-checkout .oni-checkout-steps li[aria-current="step"] {
  border-color: rgba(215, 207, 249, .42);
  color: var(--i127-accent-violet-soft, #d7cff9);
  background: rgba(167, 152, 238, .1);
}

body.oni-dream-checkout .oni-checkout-steps li.is-complete {
  border-color: rgba(143, 210, 166, .34);
  color: var(--i127-status-success, #8fd2a6);
  background: rgba(143, 210, 166, .07);
}

body.oni-dream-checkout .oni-checkout-gate {
  padding: 22px;
  border: 1px solid rgba(215, 207, 249, .24);
  border-radius: 18px;
  color: var(--i127-text-secondary, #c9c8d5);
  background: rgba(167, 152, 238, .07);
}

body.oni-dream-checkout .oni-checkout-gate strong {
  display: block;
  margin-bottom: 7px;
  color: var(--i127-text-primary, #f8f5ed);
  font: 500 1.34rem/1.2 "Cormorant Garamond", Georgia, serif;
}

body.oni-dream-checkout .oni-checkout-gate p {
  margin: 0;
  color: var(--i127-text-muted, #a7a9ba);
  font-size: .82rem;
  line-height: 1.55;
}

body.oni-dream-checkout .oni-payment-shell[hidden] {
  display: none !important;
}

body.oni-dream-checkout .oni-payment.is-unlocked .oni-checkout-gate {
  display: none;
}

body.oni-dream-checkout .oni-payment.is-unlocked .oni-payment-card {
  border-color: rgba(143, 210, 166, .24);
}

body.oni-dream-checkout .oni-checkout-live {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 640px) {
  body.oni-dream-checkout .oni-checkout-steps ol {
    grid-template-columns: 1fr;
  }

  body.oni-dream-checkout .oni-form-card input.wpcf7-submit,
  body.oni-dream-checkout .oni-payment-shell .simpay-payment-btn,
  body.oni-dream-checkout .oni-payment-shell button[type="submit"],
  body.oni-dream-checkout .oni-payment-shell input[type="submit"] {
    width: 100% !important;
    white-space: normal !important;
  }
}