/* ══════════════════════════════════════════════════════════════════
 * Feature: Horror Drive Thru — Branded Client Styles
 * Scope:   ServerWeb public-facing HDT booking pages + home promo
 * Used by: Pages/BookingFlows/HorrorDriveThru/*.razor
 *          Components/BookingFlows/HorrorDriveThru/*.razor (SharedUI)
 *          Pages/Home.razor (HDT promo CTA)
 * NOTE:    HDT is intentionally dark-branded (black/red).
 *          Hardcoded brand colors are acceptable here — this is a
 *          client brand override that intentionally deviates from theme.
 * ══════════════════════════════════════════════════════════════════ */

/* ── Promo CTA Banner ───────────────────────────────────────────── */
/* Logo: _content/SharedUI/images/clients/hdt-logo.png             */

.hdt-promo {
    background: linear-gradient(135deg, #0a0a0a 0%, #1a0000 50%, #2d0000 100%);
    border-radius: 8px;
    border: 1px solid rgba(200, 30, 30, 0.4);
    overflow: hidden;
}

.hdt-promo__logo {
    max-width: 200px;
    width: 100%;
    filter: drop-shadow(0 0 14px rgba(255, 60, 60, 0.55));
}

@media (min-width: 960px) {
    .hdt-promo__logo {
        max-width: 260px;
    }
}

/* ── Typography helpers ─────────────────────────────────────────── */

.hdt-white-text {
    color: #fff;
}

.hdt-muted-text {
    color: rgba(255, 255, 255, 0.65);
}

/* ── Divider accent ─────────────────────────────────────────────── */

.hdt-divider {
    width: 48px;
    height: 3px;
    background: var(--mud-palette-error);
    border-radius: 2px;
}

/* ── CTA button pulse animation ─────────────────────────────────── */
/* Subtle pulse draws the eye to the primary booking CTA            */

@keyframes hdt-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.55); }
    60%       { box-shadow: 0 0 0 12px rgba(211, 47, 47, 0); }
}

.hdt-cta-pulse {
    animation: hdt-pulse 2.4s ease-in-out infinite;
}