/* footer-theme.css — Footer theme overrides from calendar-theme-active.
   Extracted from calendar-theme-active.css during 2026-05 decomposition. */

/* Footer copyright: match "Hours of Operation:" styling on all screens. */
.footer__hours strong {
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

.footer__copyright,
.footer__official-meta .footer__copyright,
.footer__official-meta .footer__copyright--emphasis {
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: none !important;
}

/* Final footer hours centering on all devices. */
.footer__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

.footer__hours,
.footer__hours.dynamic-text,
.footer__hours p {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

.footer__hours p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Final footer contacts lock: keep contacts visually identical to Hours of Operation. */
.footer__privacy-note-block .privacy-note.privacy-note--contacts {
    --footer-contacts-row-gap: 0.42rem;
    --footer-contacts-line-height: 1.62;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--footer-contacts-row-gap) !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    line-height: var(--footer-contacts-line-height) !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
}

.footer__privacy-note-block .privacy-note.privacy-note--contacts .privacy-note__phone,
.footer__privacy-note-block .privacy-note.privacy-note--contacts .privacy-note__email,
.footer__privacy-note-block .privacy-note.privacy-note--contacts .privacy-note__location {
    display: block !important;
    white-space: nowrap !important;
    color: inherit !important;
    -webkit-text-fill-color: currentColor !important;
    font: inherit !important;
    line-height: var(--footer-contacts-line-height) !important;
    letter-spacing: inherit !important;
    text-decoration: none !important;
    text-shadow: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Footer ember decorative layer */
.book-btn-container--footer {
    position: relative !important;
    z-index: 10030 !important;
    isolation: isolate;
    overflow: visible !important;
}

#footerEmberLayer {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    width: min(34rem, 44vw) !important;
    max-width: none !important;
    bottom: 0 !important;
    height: min(13rem, 24vh) !important;
    transform: translateX(-50%) !important;
    z-index: 10031 !important;
    filter: saturate(1.06) brightness(1.02);
    pointer-events: none !important;
}

#footerEmberLayer::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(34rem, 44vw);
    height: min(3.2rem, 10vh);
    transform: translateX(-50%);
    border-radius: 999px;
    pointer-events: none;
    background:
        radial-gradient(closest-side,
            rgba(255, 222, 150, 0.24) 0%,
            rgba(255, 176, 82, 0.1) 48%,
            rgba(255, 176, 82, 0) 100%);
    opacity: 0.72;
    filter: blur(12px);
}

.footer-ember {
    mix-blend-mode: screen;
    background:
        radial-gradient(circle at 32% 30%,
            rgba(255, 255, 255, 1) 0 18%,
            rgba(255, 246, 214, 0.99) 34%,
            rgba(255, 207, 123, 0.9) 58%,
            rgba(255, 156, 62, 0.6) 78%,
            rgba(255, 255, 255, 0) 100%);
    box-shadow:
        0 0 0.68rem rgba(255, 255, 245, 0.92),
        0 0 1.18rem rgba(255, 221, 144, 0.72),
        0 0 1.86rem rgba(255, 154, 62, 0.42);
    filter: brightness(1.34) saturate(1.12);
    will-change: transform, opacity, filter;
}

.footer-ember::before,
.footer-ember::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: none;
    mix-blend-mode: screen;
    transform-origin: 50% 50%;
}

.footer-ember::before {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 50%;
    background:
        radial-gradient(circle,
            rgba(255, 255, 255, 0.82) 0 13%,
            rgba(255, 238, 183, 0.4) 34%,
            rgba(255, 193, 98, 0.16) 58%,
            rgba(255, 193, 98, 0) 74%);
    filter: blur(0.04rem);
    opacity: 0.72;
    transform: translate(-50%, -50%) scale(0.8);
    animation: footerEmberHaloTwinkle var(--ember-twinkle-duration, 980ms) ease-in-out var(--ember-twinkle-delay, 0ms) infinite alternate;
}

.footer-ember::after {
    width: 0.62rem;
    height: 0.62rem;
    background:
        linear-gradient(90deg,
            rgba(255, 255, 255, 0) 0 42%,
            rgba(255, 255, 255, 0.88) 48% 52%,
            rgba(255, 255, 255, 0) 58% 100%),
        linear-gradient(0deg,
            rgba(255, 255, 255, 0) 0 43%,
            rgba(255, 246, 215, 0.78) 49% 51%,
            rgba(255, 255, 255, 0) 57% 100%);
    opacity: 0.64;
    filter: drop-shadow(0 0 0.22rem rgba(255, 255, 255, 0.78));
    transform: translate(-50%, -50%) rotate(var(--ember-star-rotate, 0deg)) scale(0.72);
    animation: footerEmberStarTwinkle var(--ember-twinkle-duration, 980ms) ease-in-out var(--ember-twinkle-delay, 0ms) infinite alternate;
}

@keyframes footerEmberRise {
    0% {
        transform: translate3d(0, 0, 0) scale(1.18);
        opacity: var(--ember-start-opacity, 0.98);
        filter: brightness(2.35) saturate(1.2) drop-shadow(0 0 0.56rem rgba(255, 255, 245, 0.95));
    }

    5% {
        transform: translate3d(calc(var(--ember-drift, 0px) * 0.12), calc(var(--ember-rise-y, -720px) * 0.05), 0) scale(1.24);
        opacity: var(--ember-entry-opacity, 1);
        filter: brightness(2.85) saturate(1.25) drop-shadow(0 0 0.78rem rgba(255, 246, 212, 0.98));
    }

    12% {
        transform: translate3d(calc(var(--ember-drift, 0px) * 0.25), calc(var(--ember-rise-y, -720px) * 0.12), 0) scale(1);
        opacity: var(--ember-entry-opacity, var(--ember-opacity, 0.95));
        filter: brightness(1.55) saturate(1.12) drop-shadow(0 0 0.42rem rgba(255, 235, 182, 0.72));
    }

    21% {
        transform: translate3d(calc(var(--ember-drift, 0px) * 0.04), calc(var(--ember-rise-y, -720px) * 0.21), 0) scale(0.92);
        opacity: calc(var(--ember-opacity, 0.92) * 0.72);
        filter: brightness(1.02) saturate(1.04);
    }

    30% {
        transform: translate3d(calc(var(--ember-drift, 0px) * -0.16), calc(var(--ember-rise-y, -720px) * 0.3), 0) scale(0.88);
        opacity: calc(var(--ember-opacity, 0.92) * 0.9);
        filter: brightness(1.9) saturate(1.16) drop-shadow(0 0 0.48rem rgba(255, 255, 240, 0.78));
    }

    41% {
        transform: translate3d(calc(var(--ember-drift, 0px) * -0.2), calc(var(--ember-rise-y, -720px) * 0.41), 0) scale(0.78);
        opacity: calc(var(--ember-opacity, 0.92) * 0.58);
        filter: brightness(1.08) saturate(1.04);
    }

    52% {
        transform: translate3d(calc(var(--ember-drift, 0px) * 0.12), calc(var(--ember-rise-y, -720px) * 0.52), 0) scale(0.72);
        opacity: calc(var(--ember-opacity, 0.92) * 0.72);
        filter: brightness(1.72) saturate(1.12) drop-shadow(0 0 0.36rem rgba(255, 243, 210, 0.62));
    }

    64% {
        transform: translate3d(calc(var(--ember-drift, 0px) * 0.18), calc(var(--ember-rise-y, -720px) * 0.64), 0) scale(0.62);
        opacity: calc(var(--ember-opacity, 0.92) * 0.46);
        filter: brightness(1.08) saturate(1.04);
    }

    75% {
        transform: translate3d(calc(var(--ember-drift, 0px) * -0.12), calc(var(--ember-rise-y, -720px) * 0.78), 0) scale(0.46);
        opacity: calc(var(--ember-opacity, 0.92) * 0.32);
        filter: brightness(0.82) saturate(0.96);
    }

    90% {
        transform: translate3d(calc(var(--ember-drift, 0px) * 0.08), calc(var(--ember-rise-y, -720px) * 0.9), 0) scale(0.3);
        opacity: 0;
        filter: brightness(0.68) saturate(0.9);
    }

    100% {
        transform: translate3d(calc(var(--ember-drift, 0px) * 0.04), var(--ember-rise-y, -720px), 0) scale(0.18);
        opacity: 0;
        filter: brightness(0.6) saturate(0.86);
    }
}

@keyframes footerEmberHaloTwinkle {
    0%,
    100% {
        opacity: 0.62;
        transform: translate(-50%, -50%) scale(0.88);
    }

    48% {
        opacity: 0.95;
        transform: translate(-50%, -50%) scale(1.18);
    }
}

@keyframes footerEmberStarTwinkle {
    0% {
        opacity: 0.55;
        transform: translate(-50%, -50%) rotate(calc(var(--ember-star-rotate, 0deg) + 0deg)) scale(0.62);
    }

    45% {
        opacity: 0.85;
        transform: translate(-50%, -50%) rotate(calc(var(--ember-star-rotate, 0deg) + 180deg)) scale(0.88);
    }

    100% {
        opacity: 0.92;
        transform: translate(-50%, -50%) rotate(calc(var(--ember-star-rotate, 0deg) + 360deg)) scale(1.08);
    }
}

@media (prefers-reduced-motion: reduce) {
    .footer-ember::before,
    .footer-ember::after {
        animation-duration: 3000ms;
        opacity: 0.42;
    }
}

/* Footer container width lock */
.footer__container,
.footer__official-meta,
.footer__privacy-note-block {
    width: 100% !important;
    max-width: 41rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}