/**
 * Still field behind a studio page that includes it.
 */

body:is(.sp-page, .rp-page, .cp-page):has(.bk-sky),
html[data-theme="dark"] body:is(.sp-page, .rp-page, .cp-page):has(.bk-sky) {
    background: transparent;
}

.bk-sky {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    animation: bk-sky-in 1.5s var(--sp-ease) both;
}

.bk-sky__photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(var(--sky-scale));
    filter: blur(var(--sky-blur));
    transition: opacity 0.55s var(--sp-ease);
}

.bk-sky__photo--night {
    opacity: 0;
}

:root[data-theme="dark"] .bk-sky__photo--day {
    opacity: 0;
}

:root[data-theme="dark"] .bk-sky__photo--night {
    opacity: 1;
}

.bk-sky::after {
    content: "";
    position: absolute;
    inset: 0;
    background: color-mix(in srgb, var(--sp-canvas) var(--sky-veil), transparent);
}

.booking-detail-page .sp-hero.bd-intro .sp-hero__lede,
.booking-detail-page .booking-detail-back-link,
.booking-detail-page .booking-detail-section__title,
.booking-detail-page .booking-detail-section__subtitle {
    color: var(--sp-ink);
}

/* Light header labels match the home page. Glass stays shared. */
html:not([data-theme="dark"]) body:is(.sp-page, .rp-page, .cp-page):has(.bk-sky) .top-nav {
    --sh-text: #0e1a2c;
    --sh-label: rgba(14, 26, 44, 0.72);
}

body:is(.sp-page, .rp-page, .cp-page):has(.bk-sky) :is(.sp-hero, .pr-hero) {
    background: transparent;
}

.sp-page:has(.bk-sky) .sp-hero::after,
body:is(.rp-page, .cp-page):has(.bk-sky) .pr-hero::before {
    content: none;
}

@keyframes bk-sky-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .bk-sky {
        animation: none;
    }

    .bk-sky__photo {
        transition: none;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .bk-sky::after {
        background: var(--sp-canvas);
    }
}
