/**
 * Flight detail pages sit on the same still sky as Search.
 * Cards and plaques use the Search Studio glass: 72% surface, blur, hover wash.
 */

.flight-page .fp-hero__content,
.flight-page .fp-hero__media,
.flight-page .fp-panel,
.flight-page .fp-route__card,
.flight-page .fp-spec,
.flight-page .fp-similar__link,
.flight-page .fp-icon-btn {
    background: color-mix(in srgb, var(--sp-surface) 72%, transparent);
    backdrop-filter: saturate(150%) blur(16px);
    -webkit-backdrop-filter: saturate(150%) blur(16px);
    transition:
        border-color 0.25s ease,
        background-color 0.25s ease;
}

.flight-page .fp-panel--cta {
    background: color-mix(in srgb, var(--sp-accent-wash) 72%, transparent);
    border-color: color-mix(in srgb, var(--sp-accent) 28%, transparent);
}

@media (hover: hover) and (pointer: fine) {
    .flight-page .fp-hero__content:hover,
    .flight-page .fp-hero__media:hover,
    .flight-page .fp-panel:hover,
    .flight-page .fp-similar__link:hover,
    .flight-page .fp-icon-btn:hover {
        border-color: var(--sp-accent);
        background: color-mix(
            in srgb,
            color-mix(in srgb, var(--sp-surface) 92%, var(--sp-accent-wash)) 72%,
            transparent
        );
    }
}

@media (prefers-reduced-transparency: reduce) {
    .flight-page .fp-hero__content,
    .flight-page .fp-hero__media,
    .flight-page .fp-panel,
    .flight-page .fp-route__card,
    .flight-page .fp-spec,
    .flight-page .fp-similar__link,
    .flight-page .fp-icon-btn,
    .flight-page .fp-panel--cta {
        background: var(--sp-surface);
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

@media (prefers-reduced-transparency: reduce) and (hover: hover) and (pointer: fine) {
    .flight-page .fp-hero__content:hover,
    .flight-page .fp-hero__media:hover,
    .flight-page .fp-panel:hover,
    .flight-page .fp-similar__link:hover,
    .flight-page .fp-icon-btn:hover {
        background: color-mix(in srgb, var(--sp-surface) 92%, var(--sp-accent-wash));
    }
}

@media (prefers-reduced-motion: reduce) {
    .flight-page .fp-hero__content,
    .flight-page .fp-hero__media,
    .flight-page .fp-panel,
    .flight-page .fp-route__card,
    .flight-page .fp-spec,
    .flight-page .fp-similar__link,
    .flight-page .fp-icon-btn {
        transition: none;
    }
}