/* public.css split module — load order 10/10 — enqueued by src/Public/class-public-assets.php. Loads LAST so it themes over the light base modules (01-09). */
/**
 * Seresa TS Engine Signup — Design-System (dark) skin.
 *
 * Self-contained port of the "ds" signup styling that previously lived in the
 * site theme (seresa-theme: ds-page.css + style.css, scoped to the page/wrapper).
 * Baking it into the plugin makes the form render correctly on ANY theme with no
 * site-side CSS. Scoped to the plugin's own root (.seresa-signup-form, doubled for
 * specificity) and colours use !important so the skin also wins on pages that still
 * carry the old theme rules.
 *
 * @package Transmute_Engine_Signup_Seresa
 * @since   2.5.0
 */

/* Palette (ported from theme --ds-* tokens). */
.seresa-signup-form {
    --ds-canvas: #12102e;
    --ds-card: #1a1640;
    --ds-card2: #221e4a;
    --ds-lavender: #C4B6E0;
    --ds-lavender-light: #DDD2F0;
    --ds-teal: #5CC8B0;
    --ds-teal-muted: #4AA898;
    --ds-cerise: #DE3163;
    --ds-cerise-light: #FF3366;
    --ds-white: #f4f0e8;
    --ds-muted: #9088a8;
    --ds-text: #c0b8d4;
    --ds-border: rgba(176, 160, 212, 0.15);
    --ds-radius: 10px;
    --ds-font-heading: PosteramaTextW15, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --ds-font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ── Ported theme rules (re-scoped to the plugin root) ─────────────────────── */
.seresa-signup-form.seresa-signup-form .seresa-signup-allocated-domain__full, .seresa-signup-form.seresa-signup-form .seresa-signup-field__preview strong { color: rgb(244, 240, 232) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary h3 { color: rgb(244, 240, 232) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary__details p { color: var(--ds-cerise) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary__details strong { color: rgb(244, 240, 232) !important; font-weight: 700 !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__input[value="enterprise"] ~ .seresa-signup-plan__card .seresa-signup-plan__name { color: rgb(165, 121, 211) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__input[value="entry"] ~ .seresa-signup-plan__card .seresa-signup-plan__name { color: rgb(222, 49, 99) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__input[value="harvest"] ~ .seresa-signup-plan__card .seresa-signup-plan__name { color: rgb(45, 203, 113) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__input[value="premium"] ~ .seresa-signup-plan__card .seresa-signup-plan__name { color: rgb(142, 211, 250) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__input[value="professional"] ~ .seresa-signup-plan__card .seresa-signup-plan__name { color: rgb(217, 217, 217) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step--1 .seresa-signup-step__title, .seresa-signup-form.seresa-signup-form .seresa-signup-step--2 .seresa-signup-step__title, .seresa-signup-form.seresa-signup-form .seresa-signup-step--3 .seresa-signup-step__title { color: var(--ds-cerise) !important; text-align: center !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step--4 .seresa-signup-step__title, .seresa-signup-form.seresa-signup-form .seresa-signup-step--5 .seresa-signup-step__title, .seresa-signup-form.seresa-signup-form .seresa-signup-step--6 .seresa-signup-step__title, .seresa-signup-form.seresa-signup-form .seresa-signup-step--7 .seresa-signup-step__title { color: var(--ds-cerise) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-billing-toggle { background: var(--ds-card2); }
.seresa-signup-form.seresa-signup-form .seresa-signup-billing-toggle__label { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-billing-toggle__label--active { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-billing-toggle__slider { background: var(--ds-cerise); }
.seresa-signup-form.seresa-signup-form .seresa-signup-button, .seresa-signup-form.seresa-signup-form .seresa-signup-button--primary { background: linear-gradient(135deg, var(--ds-cerise) 0%, var(--ds-cerise-light) 100%); font-family: var(--ds-font-heading); box-shadow: rgba(222, 49, 99, 0.35) 0px 4px 16px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-button--secondary { background: transparent; color: var(--ds-white) !important; border: 2px solid var(--ds-border); box-shadow: none; }
.seresa-signup-form.seresa-signup-form .seresa-signup-button--secondary:hover:not(:disabled) { background: rgba(255, 255, 255, 0.05); box-shadow: none; }
.seresa-signup-form.seresa-signup-form .seresa-signup-button:disabled { background: var(--ds-card2); color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-button:hover:not(:disabled) { box-shadow: rgba(222, 49, 99, 0.5) 0px 6px 24px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-checkbox { color: var(--ds-text) !important; font-family: var(--ds-font-body); }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__back-link { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns__detail-row, .seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__detail-row { border-bottom-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns__guide-link, .seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__docs-link { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns__value, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__field-value, .seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__value { background: var(--ds-card); border-color: var(--ds-border); color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-error-box p { color: var(--ds-cerise-light) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__error { color: var(--ds-cerise-light) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__hint, .seresa-signup-form.seresa-signup-form .seresa-signup-field__preview { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__input, .seresa-signup-form.seresa-signup-form .seresa-signup-field__select { background: var(--ds-card2); border: 2px solid var(--ds-border); color: var(--ds-white) !important; font-family: var(--ds-font-body); }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__input.has-error, .seresa-signup-form.seresa-signup-form .seresa-signup-field__select.has-error { border-color: var(--ds-cerise); background: rgba(222, 49, 99, 0.08); }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__input.has-error:focus, .seresa-signup-form.seresa-signup-form .seresa-signup-field__select.has-error:focus { box-shadow: rgba(222, 49, 99, 0.15) 0px 0px 0px 4px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__input::placeholder { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__input:focus, .seresa-signup-form.seresa-signup-form .seresa-signup-field__select:focus { border-color: var(--ds-teal); box-shadow: rgba(92, 200, 176, 0.15) 0px 0px 0px 4px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__label { color: var(--ds-white) !important; font-family: var(--ds-font-body); }
.seresa-signup-form.seresa-signup-form .seresa-signup-field__required { color: var(--ds-cerise) !important; }
.seresa-signup-form.seresa-signup-form { background: var(--ds-card); border: 1px solid var(--ds-border); box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 32px; text-align: left; }
.seresa-signup-form.seresa-signup-form .seresa-signup-form__back { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-form__back:hover { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-form__messages.error, .seresa-signup-form.seresa-signup-form .seresa-signup-error-box { background: rgba(222, 49, 99, 0.1); color: var(--ds-cerise-light) !important; border-color: var(--ds-cerise); }
.seresa-signup-form.seresa-signup-form .seresa-signup-form__messages.success { background: rgba(92, 200, 176, 0.1); color: var(--ds-teal) !important; border-color: var(--ds-teal); }
.seresa-signup-form.seresa-signup-form .seresa-signup-modal__content { background: var(--ds-card); border-color: var(--ds-border); box-shadow: rgba(0, 0, 0, 0.5) 0px 18px 40px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-modal__text { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-modal__title { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary h3, .seresa-signup-form.seresa-signup-form .seresa-signup-order-summary__name, .seresa-signup-form.seresa-signup-form .seresa-signup-order-summary__plan-brand, .seresa-signup-form.seresa-signup-form .seresa-signup-info-card__title, .seresa-signup-form.seresa-signup-form .seresa-signup-success-card__title, .seresa-signup-form.seresa-signup-form .seresa-signup-success-card__value, .seresa-signup-form.seresa-signup-form .seresa-signup-success-steps__title, .seresa-signup-form.seresa-signup-form .seresa-signup-success__title, .seresa-signup-form.seresa-signup-form .seresa-signup-result__title, .seresa-signup-form.seresa-signup-form .seresa-signup-allocated-domain__full, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__steps-title, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__card-title, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__steps-list li strong, .seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__card-title { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary, .seresa-signup-form.seresa-signup-form .seresa-signup-info-card, .seresa-signup-form.seresa-signup-form .seresa-signup-info-box, .seresa-signup-form.seresa-signup-form .seresa-signup-success-card, .seresa-signup-form.seresa-signup-form .seresa-signup-success-steps, .seresa-signup-form.seresa-signup-form .seresa-signup-success__details, .seresa-signup-form.seresa-signup-form .seresa-signup-subdomain-loading, .seresa-signup-form.seresa-signup-form .seresa-signup-allocated-domain, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__details, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__record-card, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__account-card, .seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__details-card { background: var(--ds-card2); border-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary__details, .seresa-signup-form.seresa-signup-form .seresa-signup-info-card__text, .seresa-signup-form.seresa-signup-form .seresa-signup-info-box p, .seresa-signup-form.seresa-signup-form .seresa-signup-success-card__label, .seresa-signup-form.seresa-signup-form .seresa-signup-success-card__note, .seresa-signup-form.seresa-signup-form .seresa-signup-success-steps__list, .seresa-signup-form.seresa-signup-form .seresa-signup-success__message, .seresa-signup-form.seresa-signup-form .seresa-signup-result__message, .seresa-signup-form.seresa-signup-form .seresa-signup-result__options p, .seresa-signup-form.seresa-signup-form .seresa-signup-result__help p, .seresa-signup-form.seresa-signup-form .seresa-signup-subdomain-loading__text, .seresa-signup-form.seresa-signup-form .seresa-signup-allocated-domain__loading, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__label, .seresa-signup-form.seresa-signup-form .seresa-signup-dns__steps-list li p, .seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__label, .seresa-signup-form.seresa-signup-form .seresa-signup-secure-payment__text, .seresa-signup-form.seresa-signup-form .seresa-signup-secure-notice { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary__item { border-bottom-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-order-summary__price { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan--selected .seresa-signup-plan__card, .seresa-signup-form.seresa-signup-form .seresa-signup-plan__input:checked + .seresa-signup-plan__card { border-color: var(--ds-teal); background: rgba(92, 200, 176, 0.08); box-shadow: rgba(92, 200, 176, 0.2) 0px 4px 12px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan:hover .seresa-signup-plan__card { border-color: var(--ds-teal); box-shadow: rgba(92, 200, 176, 0.15) 0px 4px 12px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__amount { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__badge { background: var(--ds-cerise); }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__card { background: var(--ds-card2); border-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__features { border-top-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__name { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan__period, .seresa-signup-form.seresa-signup-form .seresa-signup-plan__features li { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-progress__connector { background: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-progress__connector--completed { background: var(--ds-cerise); }
.seresa-signup-form.seresa-signup-form .seresa-signup-progress__label { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-progress__step { background: var(--ds-card2); color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-progress__step--completed { background: var(--ds-cerise); color: rgb(255, 255, 255) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-progress__step--current { background: linear-gradient(135deg, var(--ds-cerise) 0%, var(--ds-cerise-light) 100%); color: rgb(255, 255, 255) !important; box-shadow: rgba(222, 49, 99, 0.35) 0px 4px 12px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-progress__step-name { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step--2 .seresa-signup-step__description strong { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__description { color: var(--ds-text) !important; font-family: var(--ds-font-body); }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__footer a, .seresa-signup-form.seresa-signup-form .seresa-signup-step__help a, .seresa-signup-form.seresa-signup-form .seresa-signup-checkbox a, .seresa-signup-form.seresa-signup-form .seresa-signup-resend__link { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__footer { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__help, .seresa-signup-form.seresa-signup-form .seresa-signup-result__help, .seresa-signup-form.seresa-signup-form .seresa-signup-cancel__footer { border-top-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__icon, .seresa-signup-form.seresa-signup-form .seresa-signup-verification__icon, .seresa-signup-form.seresa-signup-form .seresa-signup-result__icon--success, .seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__success-icon { background: linear-gradient(135deg, var(--ds-cerise) 0%, var(--ds-cerise-light) 100%); box-shadow: rgba(222, 49, 99, 0.35) 0px 8px 24px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__instructions ol { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__instructions { background: var(--ds-card2); border-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__resend-message.error { color: var(--ds-cerise-light) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__resend-message.success { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__resend-text, .seresa-signup-form.seresa-signup-form .seresa-signup-step__help p { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__subtitle--wordpress-only { color: var(--ds-cerise-light) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-step__title { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-stripe-element { background: var(--ds-card2); border-color: var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-stripe-element--focus { border-color: var(--ds-teal); box-shadow: rgba(92, 200, 176, 0.15) 0px 0px 0px 4px; }
.seresa-signup-form.seresa-signup-form .seresa-signup-subdomain-picker__domain { background: var(--ds-card2); border-color: var(--ds-border); color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-success-card__code, .seresa-signup-form.seresa-signup-form .seresa-signup-success-steps__list code { background: rgba(92, 200, 176, 0.12); color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-success-card__item--highlight { background: rgba(92, 200, 176, 0.1); }
.seresa-signup-form.seresa-signup-form .seresa-signup-success-email svg { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-success-email { background: var(--ds-card2); color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-verification__email { color: var(--ds-white) !important; }
/* Step 6 DNS notice — subtle amber-on-dark (was an untouched light amber box). */
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-notice { background: linear-gradient(135deg, rgba(240, 180, 41, 0.10) 0%, rgba(240, 180, 41, 0.04) 100%); border: 1px solid rgba(240, 180, 41, 0.28); box-shadow: none; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-notice h4 { color: #f0b429 !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-notice p { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-notice__email { color: var(--ds-white) !important; }
/* Step 4 & 6 plan summary — dark card2 panel (was an untouched light white card).
   The white container colour covers the Step 4 banner, whose plan text sits
   directly in the container; Step 6's child spans set their own colours below. */
.seresa-signup-form.seresa-signup-form .seresa-signup-plan-summary { background: var(--ds-card2); border-color: var(--ds-border); color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan-summary__name { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan-summary__note-inline, .seresa-signup-form.seresa-signup-form .seresa-signup-plan-summary__price small { color: var(--ds-muted) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-plan-summary__price { color: var(--ds-teal) !important; }
/* Step 10/11 DNS info note — dark teal-tinted info panel (was a light blue box). */
.seresa-signup-form.seresa-signup-form .seresa-signup-dns__note { background: rgba(92, 200, 176, 0.08); border: 1px solid rgba(92, 200, 176, 0.25); }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns__note svg { color: var(--ds-teal) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns__note p { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns__note strong { color: var(--ds-white) !important; }
/* Step 10/11 DNS "Important" warning — dark cerise-tinted alert (was a light red box). */
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__warning { background: rgba(255, 51, 102, 0.08); border: 1px solid rgba(255, 51, 102, 0.35); }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__warning svg { color: var(--ds-cerise-light) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__warning p { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-dns-verify__warning strong { color: var(--ds-white) !important; }
/* Step 11 final summary card heading — the card is inline-styled with no class
   hook of its own, so a leftover site-theme h3 rule was tinting it pink. Force a
   readable green and a clear gap before the summary rows. */
.seresa-signup-form.seresa-signup-form .seresa-signup-final__card h3 { color: #166534 !important; margin-bottom: 22px !important; }
/* Step 11 "What to do next" list — inline light colours left the numbered rows
   near-invisible on the dark ground. Force readable text, white emphasis and a
   teal guide link. */
.seresa-signup-form.seresa-signup-form .seresa-signup-final__next-steps h3 { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-final__next-steps ol { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-final__next-steps ol strong { color: var(--ds-white) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-final__next-steps a { color: var(--ds-teal) !important; }
/* Step 11 support box — was a light white panel; make it a dark card2 panel with
   readable text and a teal link. */
.seresa-signup-form.seresa-signup-form .seresa-signup-final__support { background: var(--ds-card2) !important; border: 1px solid var(--ds-border); }
.seresa-signup-form.seresa-signup-form .seresa-signup-final__support p { color: var(--ds-text) !important; }
.seresa-signup-form.seresa-signup-form .seresa-signup-final__support a { color: var(--ds-teal) !important; }
/* Step 6 allocated-domain — the theme's `.ds p { margin:0 0 1rem !important; line-height:1.7 !important }`
   inflates the domain <p>, making the box too tall with a bigger gap below than above.
   Neutralise margin/line-height (higher specificity + !important beats `.ds p`) so the
   container's symmetric padding is what shows. */
.seresa-signup-form.seresa-signup-form .seresa-signup-allocated-domain__full { margin: 0 !important; line-height: 1 !important; }