/* NAVIA palette, scoped to the multi-day landing page and its booking dialog. */
:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) {
    --mdr-green: var(--brand-primary, #00D233);
    --mdr-gold: var(--brand-primary, #00D233);
    --mdr-ink: var(--brand-text, #1a2e1f);
    --mdr-soft: var(--brand-primary-soft, #E5FBEB);
    --mdr-brand-dark: var(--brand-primary, #00D233);
    --mdr-brand-border: var(--brand-primary-border, rgba(0, 210, 51, 0.24));
    color: var(--mdr-ink);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-hero__shade {
    background: linear-gradient(90deg, rgb(6 38 25 / 88%), rgb(8 45 30 / 60%) 45%, rgb(8 38 25 / 12%) 100%);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-hero__copy .mdr-kicker {
    border-color: rgb(166 245 185 / 55%);
    background: rgb(0 127 43 / 30%);
    color: #dbffe5;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-hero__highlights .material-symbols-outlined {
    color: var(--brand-primary, #00D233);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-planner__card {
    border-color: var(--mdr-brand-border);
    box-shadow: 0 18px 48px rgb(8 70 33 / 12%);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-planner h2, .mdr-planner form > header > b, .mdr-modal__header > b, .mdr-modal__header p, .mdr-vehicle-card__copy em, .mdr-vehicle-card__copy .material-symbols-outlined, .mdr-vehicle-card__visual i, .mdr-planner__inline-footer small b, .mdr-modal__footer small b) {
    color: var(--mdr-brand-dark);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-planner form > header .mdr-kicker {
    background: var(--brand-primary-soft, #E5FBEB);
    color: var(--mdr-brand-dark);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-planner form > header > b::after,
:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-modal__progress span {
    background: var(--mdr-green);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-planner form > header, .mdr-planner__inline-footer, .mdr-modal__header, .mdr-modal__footer, .mdr-contact-section) {
    border-color: var(--mdr-brand-border);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-fields input, .mdr-fields select, .mdr-fields textarea, .mdr-itinerary textarea) {
    border-color: #c5dece;
    color: #183d2b;
    background-color: #fff;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-fields input, .mdr-fields select, .mdr-fields textarea, .mdr-itinerary textarea):focus {
    border-color: var(--mdr-brand-dark);
    outline: none;
    box-shadow: 0 0 0 3px rgb(0 210 51 / 14%);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-next, .mdr-planner form > footer button, .mdr-hero__actions a:first-child) {
    background: var(--mdr-green);
    border-color: var(--mdr-green);
    color: #fff;
    box-shadow: 0 5px 14px rgb(0 160 47 / 16%);
    transition: background-color 160ms ease, box-shadow 160ms ease;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-next, .mdr-planner form > footer button, .mdr-hero__actions a:first-child):hover {
    background: var(--brand-primary-hover, #00B82C);
    border-color: var(--brand-primary-hover, #00B82C);
    box-shadow: 0 7px 18px rgb(0 160 47 / 22%);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(a, button):focus-visible {
    outline: 3px solid var(--mdr-brand-dark);
    outline-offset: 3px;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-vehicle-card.is-selected, .mdr-vehicle-card:has(input:checked)) {
    border-color: var(--mdr-brand-dark);
    background: var(--brand-primary-soft, #E5FBEB);
    box-shadow: 0 0 0 1px var(--mdr-brand-dark);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-confirm-summary {
    background: var(--brand-primary-soft, #E5FBEB);
    border-color: var(--mdr-brand-border);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-vehicle-pagination button.is-active {
    border-color: var(--mdr-brand-dark);
    background: var(--mdr-brand-dark);
    color: #fff;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.rental-showcase__heading h2, .rental-showcase__reasons i, .rental-showcase__assurances i, .cr-route-pricing__amount, .cr-favorite-routes__eyebrow) {
    color: var(--mdr-brand-dark);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.rental-showcase__heading span, .rental-showcase__service-image i) {
    background: var(--mdr-green);
    color: #fff;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.rental-showcase__service, .rental-showcase__reasons article, .rental-showcase__booking, .rental-showcase__shell) {
    border-color: var(--mdr-brand-border);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .rental-showcase__service:hover {
    border-color: #63d786;
    box-shadow: 0 10px 24px rgb(0 127 43 / 10%);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .rental-showcase__booking > strong {
    background: var(--brand-primary-soft, #E5FBEB);
    color: #17382a;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.rental-showcase__booking li b, .rental-showcase__booking > a, .rental-showcase__assurances) {
    background: var(--brand-primary-soft, #E5FBEB);
    color: var(--mdr-brand-dark);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.rental-showcase__booking > a strong, .rental-showcase__assurances li) {
    color: #17382a;
    border-color: var(--mdr-brand-border);
}

@media (prefers-reduced-motion: reduce) {
    :is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-next, .mdr-planner form > footer button) {
        transition: none;
    }
}

/* Match the shared header CTA exactly; keep ordinary form copy neutral. */
:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-hero__shade {
    background: linear-gradient(90deg, rgb(15 23 42 / 75%), rgb(15 23 42 / 44%) 48%, rgb(15 23 42 / 8%) 100%);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) .mdr-hero__copy .mdr-kicker {
    border-color: var(--brand-primary-border);
    background: rgb(0 210 51 / 16%);
    color: #fff;
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-fields input, .mdr-fields select, .mdr-fields textarea, .mdr-itinerary textarea) {
    color: #0f172a;
    border-color: var(--brand-border, #dce8df);
}

:is([data-multi-day-page], [data-group-event-page], .at-land, .ski-page) :is(.mdr-next, .mdr-planner form > footer button) {
    color: #fff;
    box-shadow: 0 2px 8px var(--brand-primary-shadow, rgba(0, 210, 51, 0.28));
}

/* Shared tokens for airport and winter landing pages. */
.at-land,
.ski-page {
    --at-gold: var(--brand-primary, #00D233);
    --at-gold-hover: var(--brand-primary-hover, #00B82C);
    --at-soft: var(--brand-primary-soft, #E5FBEB);
    --ski-matcha: var(--brand-primary, #00D233);
    --ski-terra: var(--brand-primary, #00D233);
    --ski-sage: var(--brand-secondary, #7AE892);
    --ski-beige: var(--brand-primary-soft, #E5FBEB);
    --ski-cream: #fff;
    --ski-forest: var(--brand-text, #1a2e1f);
    --ski-olive: var(--brand-text, #1a2e1f);
    --ski-border: var(--brand-border, #dce8df);
}

:is(.at-land, .ski-page) :is(.at-land-btn--gold, .at-land-booking__submit, .at-real-booking__submit, .at-search-form__submit, .at-land-car__choose, .at-land-pricing__choose, .ski-btn--primary, .ski-booking__submit, .cr-result-card__choose, .cr-booking-confirm, .cr-route-pricing__choose) {
    background: var(--brand-primary, #00D233);
    border-color: var(--brand-primary, #00D233);
    color: #fff;
    box-shadow: 0 2px 8px var(--brand-primary-shadow);
}

:is(.at-land, .ski-page) :is(.at-land-btn--gold, .at-land-booking__submit, .at-real-booking__submit, .at-search-form__submit, .at-land-car__choose, .at-land-pricing__choose, .ski-btn--primary, .ski-booking__submit, .cr-result-card__choose, .cr-booking-confirm, .cr-route-pricing__choose):hover:not(:disabled) {
    background: var(--brand-primary-hover, #00B82C);
    border-color: var(--brand-primary-hover, #00B82C);
    color: #fff;
}

:is(.at-land, .ski-page) :is(.at-land-booking__submit, .at-real-booking__submit, .ski-booking__submit):disabled {
    opacity: .5;
    box-shadow: none;
    cursor: not-allowed;
}

:is(.at-land, .ski-page) :is(.at-real-booking__header h2, .at-real-booking__step, .ski-booking header h2, .ski-modal-progress li.is-active, .ski-featured__eyebrow, .ski-hero__trust .material-symbols-outlined, .at-land-hero__title-accent) {
    color: var(--brand-primary, #00D233);
}

.ski-page .ski-kicker {
    color: var(--brand-primary, #00D233) !important;
}

:is(.at-land, .ski-page) :is(.at-real-booking__modes label.is-active, .ski-modal-progress li.is-active i, .ski-booking__mode.is-active) {
    background: var(--brand-primary-soft, #E5FBEB);
    border-color: var(--brand-primary, #00D233);
    color: var(--brand-text, #1a2e1f);
}

:is(.at-land, .ski-page) :is(input, select, textarea):focus:not(.is-invalid) {
    border-color: var(--brand-primary, #00D233);
    box-shadow: 0 0 0 3px rgb(0 210 51 / 14%);
}

:is(.at-land, .ski-page) :is(.at-booking-modal__dialog, .at-booking-modal__body, .cr-private-booking-modal__form, .ski-booking-modal .at-booking-modal__results-header) {
    background: #fff;
    border-color: var(--brand-border, #dce8df);
}

.ski-page .ski-hero__shade {
    background: linear-gradient(90deg, rgb(15 23 42 / 75%), rgb(15 23 42 / 44%) 48%, rgb(15 23 42 / 8%) 100%);
}

[data-group-event-page] :is(.ger-fields input, .ger-fields select, .ger-fields textarea) {
    border-color: var(--brand-border, #dce8df);
}

[data-group-event-page] :is(.ger-fields input, .ger-fields select, .ger-fields textarea):focus:not(.is-invalid) {
    border-color: var(--brand-primary, #00D233);
    box-shadow: 0 0 0 3px rgb(0 210 51 / 14%);
}

[data-group-event-page] .ger-estimate {
    background: var(--brand-primary-soft, #E5FBEB);
    border-color: var(--brand-primary-border);
}

[data-group-event-page] .ger-estimate > i {
    background: var(--brand-primary, #00D233);
    color: #fff;
}