/* ==========================================================================
   Header Styles 9–15 — shared base (CTA, date line, bottom edge)
   Loaded together with the active style's own file.
   ========================================================================== */
header.site-header.eph { flex-direction: column; align-items: stretch; }
.eph .header-inner { flex: 1 1 auto; min-height: 0; }
.eph-edge { flex: 0 0 auto; pointer-events: none; }

.eph-cta {
    display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0;
    margin-left: 6px; padding: 10px 18px; border-radius: 999px;
    background: var(--accent-fill, var(--accent)); color: var(--eph-on-fill, var(--on-accent-fill, #fff)) !important;
    font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap;
    transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.eph-cta:hover { transform: translateY(-1px); filter: brightness(.95); }
.eph-cta i { font-size: 15px; }

.eph-date { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: var(--menu-text); white-space: nowrap; }
.eph-date i { color: var(--accent-text, var(--accent)); }

@media (max-width: 1200px) { .eph .ep-main-menu { gap: 20px; } }
@media (max-width: 992px) {
    .eph-cta, .eph-date { display: none !important; }
    header.site-header.eph { height: var(--header-height) !important; }
}
@media (prefers-reduced-motion: reduce) { .eph *, .eph *::before, .eph *::after { animation: none !important; transition: none !important; } }
/* Menu labels never break onto two lines ("DJ Mix"); the menu gap shrinks instead. */
.eph .ep-main-menu > li > a, .eph .ep-main-menu .ep-menu-title { white-space: nowrap; }
@media (min-width: 993px) and (max-width: 1100px) { .eph .ep-main-menu { gap: 12px; } .eph .ep-main-menu > li > a { font-size: 14px; } }