/**
 * Public marketing header — logo & bar height.
 * Loaded after @vite with ?v=filemtime so production picks up changes even when
 * public/build (gitignored) was not rebuilt or a CDN cached an old app-*.css hash.
 */
:root {
    --ep-header-height: 80px;
    /* Single source for header + guest auth panels — keep login aside mark in sync */
    --ep-brand-logo-height: 56px;
}

body.ep-public-body,
body.ep-guest-body {
    padding-top: var(--ep-header-height);
}

.ep-header .ep-container {
    max-width: none;
    padding: 0 clamp(20px, 3.5vw, 40px);
}

.ep-header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) max-content;
    align-items: center;
    min-height: var(--ep-header-height);
    padding: 10px 0;
    gap: 16px;
}

.ep-brand {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: inherit;
    flex-shrink: 0;
}

.ep-brand-logo {
    height: var(--ep-brand-logo-height);
    width: auto;
    max-width: min(260px, 78vw);
    border-radius: 10px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

.ep-brand-name {
    display: block;
    font-weight: 800;
    font-size: 18px;
    color: var(--text-dark);
    line-height: 1.15;
}

.ep-brand-sub {
    display: block;
    font-size: 13px;
    color: var(--text-muted);
    font-weight: 500;
    line-height: 1.25;
}