/* Floating navigation keeps each month's artwork visible edge to edge. */
html .header,
html .mobile-section-nav,
html[data-theme] .header,
html[data-theme] .mobile-section-nav {
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
html[data-theme] .header::after { display: none; }
html[data-theme="dark"] .logo-center img {
    filter: brightness(0) invert(1) drop-shadow(0 2px 4px #09041699);
}
html[data-season="november"] .halloween-wordmark {
    color: #f1ebcf;
    text-shadow: 0 1px 4px #090416;
}
html[data-season="november"] .day-indicator {
    background: #0c072333;
    border-color: #f1ebcf50;
    color: #f1ebcf;
    text-shadow: 0 1px 4px #090416;
}
html[data-theme="dark"] .mobile-section-nav a {
    color: #f1ebcf;
    opacity: .78;
    text-shadow: 0 1px 3px #090416, 0 0 7px #090416;
}
html[data-theme="dark"] .mobile-section-nav a.active {
    color: #fff7d9;
    opacity: 1;
}
@media (min-width: 769px) {
    .movies-timeline {
        align-items: center;
        align-items: safe center;
        padding-block: clamp(80px, 12vh, 112px);
    }
    .movie-card.movie-card--november {
        align-self: center;
        align-self: safe center;
    }
}

/* Keep the ABA balance inside the carnet, away from the main header. */
#headerBalanceDisplay { display: none !important; }