/* Changes: Astrara public funnels use the site's dark surface, Playfair headings, and violet-to-pink pills. Quiz copy is unchanged. */
html body.funnel-skin-astrara {
    --funnel-primary: #8b45e8;
    --funnel-secondary: #bd52c3;
    --funnel-accent: #bd52c3;
    --funnel-background: #0c0b13;
    --page-bg: #0c0b13;
    --page-text: #f7f0ff;
    --page-heading: #f7f0ff;
    --page-button-bg: #8b45e8;
    --page-button-text: #ffffff;
    --skin-choice-idle-bg: #181226;
    --skin-choice-idle-border: #30223f;
    --skin-choice-idle-text: #f7f0ff;
    --skin-choice-selected-border: #8b45e8;
    --skin-choice-selected-bg: #241833;
    --skin-choice-selected-text: #f7f0ff;
    background: #0c0b13 !important;
    color: #f7f0ff !important;
    color-scheme: dark;
    font-family: Outfit, system-ui, sans-serif;
}

html body.funnel-skin-astrara :where(h1, h2, h3, h4, h5, h6) {
    font-family: "Playfair Display", Georgia, serif !important;
    font-weight: 500 !important;
    letter-spacing: -0.02em;
    color: #f7f0ff !important;
}

html body.funnel-skin-astrara :where(p, li, label) {
    color: #f7f0ff !important;
}

html body.funnel-skin-astrara footer :where(a, p, span) {
    color: #beb0cd !important;
}

html body.funnel-skin-astrara .funnel-progress-track {
    background-color: rgba(247, 240, 255, 0.15) !important;
}

html body.funnel-skin-astrara .funnel-progress-fill {
    background: linear-gradient(100deg, #8b45e8, #bd52c3) !important;
}

html body.funnel-skin-astrara .funnel-progress-dot {
    background-color: rgba(247, 240, 255, 0.2) !important;
    box-shadow: none !important;
}

html body.funnel-skin-astrara .funnel-progress-dot.is-complete,
html body.funnel-skin-astrara .funnel-progress-dot.is-current {
    background: #8b45e8 !important;
}

html body.funnel-skin-astrara .funnel-progress-dot.is-current {
    box-shadow: 0 0 0 3px rgba(139, 69, 232, 0.25) !important;
}

html body.funnel-skin-astrara .funnel-locale-switcher-details summary {
    border-color: #30223f !important;
    color: #beb0cd !important;
    background: transparent !important;
}

html body.funnel-skin-astrara .funnel-locale-switcher-details summary:hover {
    color: #f7f0ff !important;
    background: rgba(247, 240, 255, 0.05) !important;
}

html body.funnel-skin-astrara .funnel-locale-switcher-details > div {
    background: #181226 !important;
    border-color: #30223f !important;
}

html body.funnel-skin-astrara .funnel-locale-switcher-details a {
    color: #f7f0ff !important;
}

html body.funnel-skin-astrara .funnel-locale-switcher-details a:hover {
    background: rgba(247, 240, 255, 0.05) !important;
}

html body.funnel-skin-astrara :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="file"]):not([type="color"]),
    select,
    textarea
):not([id$="-overlay"] *) {
    background-color: #181226 !important;
    color: #f7f0ff !important;
    border: 1px solid #30223f !important;
    border-radius: 0.9rem !important;
}

html body.funnel-skin-astrara :is(a, button)[data-tt-event="ClickButton"]:not(.bg-transparent):not([data-pay-method]):not([id*="-back"]):not([id*="-skip"]),
html body.funnel-skin-astrara button[type="submit"]:not(.bg-transparent):not([data-pay-method]):not([id*="-back"]):not([id*="-skip"]),
html body.funnel-skin-astrara :is(a, button)[id$="-btn"]:not([id$="-date-btn"]):not(.bg-transparent):not([data-pay-method]):not([id*="-back"]):not([id*="-skip"]),
html body.funnel-skin-astrara :is(a, button)[id$="-trigger"]:not(.bg-transparent):not([data-pay-method]),
html body.funnel-skin-astrara :is(a, button)[id$="-confirm"]:not(.bg-transparent):not([data-pay-method]),
html body.funnel-skin-astrara .ocb-btn:not(.bg-transparent):not([data-pay-method]),
html body.funnel-skin-astrara :is(a, button)[id$="-submit"]:not(.bg-transparent):not([data-pay-method]):not([id*="-back"]):not([id*="-skip"]),
html body.funnel-skin-astrara :is(a, button)[id*="-continue"]:not(.bg-transparent):not([data-pay-method]):not([id*="-back"]):not([id*="-skip"]) {
    background: linear-gradient(100deg, #8b45e8, #bd52c3) !important;
    color: #ffffff !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-weight: 600;
}

html body.funnel-skin-astrara :is(a, button).bg-transparent {
    background: transparent !important;
    background-image: none !important;
    color: #f7f0ff !important;
    border-color: #30223f !important;
}

html body.funnel-skin-astrara :is(a, button)[id*="-continue"]:disabled,
html body.funnel-skin-astrara :is(a, button)[id$="-btn"]:disabled,
html body.funnel-skin-astrara button[type="submit"]:disabled,
html body.funnel-skin-astrara .ocb-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

html body.funnel-skin-astrara :is(
    .obq-option,
    .obq-bool-option,
    .quiz-option,
    .myn-choice,
    .bfp-area,
    .cycle-choice,
    .ocb-option,
    [data-choice],
    [data-iso-day],
    [data-meal-count],
    [data-consent-choice-value]
) {
    background-color: #181226 !important;
    background-image: none !important;
    color: #f7f0ff !important;
    border-color: #30223f !important;
}