/* ==========================================================================
   ELAB LAVASTUSE CPT HEADER
   --------------------------------------------------------------------------
   Väline grid = CSS Grid (1fr 3fr 1fr). BeTheme .column-süsteemi ei kasuta,
   sest see segab sisevedrude layoutit (float + .mcb-column-inner marginid).
   Sisemine layout = flexbox + gap — tühjad elemendid peituvad cleanly.
   Fondid: Fraunces (h1) ja Plus Jakarta Sans (body) määratakse eksplitsiitselt,
   sest parent theme / Bootstrap override'ib muidu.
   ========================================================================== */

/*
 * NB: Brand-värvi tokenid (--elab-blue, --elab-green, --elab-dark, --elab-light-blue jne)
 * on defineeritud UI Kit'is (elab-core/ui-kit/elab-ui.css :root).
 * Header sõltub UI Kit'ist enqueue-prioriteedi kaudu (kit laetakse enne theme'i CSS-i).
 *
 * Allpool ainult header-spetsiifilised aliased, mis pole UI Kit'is.
 */
:root {
    --elab-card-bg: #edf1f3;        /* Header'i side-card'ide hele taust */
    --elab-radius: 10px;            /* Legacy alias — UI Kit'is on --elab-radius-lg: 12px */
}

/* --- Välimine tume sektsioon + udune taustapilt --------------------------- */

.elab-hdr.section {
    position: relative;
    background: var(--elab-dark-bw);
    color: #fff;
    overflow: hidden;
    padding: 92px 0 0;
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.elab-hdr__bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: blur(6px);
    opacity: 0.3;
    z-index: 1;
    pointer-events: none;
}

/* Brand-gradient overlay — saidiüleselt kõigil .elab-hdr headeritel, .elab-hdr__bg
   (udune pilt) PEAL. Annab sügavust + ELAB värvi-kuma (sarnane .elab-home-hero__bg'ga). */
.elab-hdr.section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(1100px 520px at 78% -8%, rgba(77, 180, 234, 0.30), transparent 60%),
        radial-gradient(760px 420px at 8% 108%, rgba(74, 159, 4, 0.28), transparent 62%),
        linear-gradient(135deg, #013040 0%, #012230 45%, #06141b 100%);
}

.elab-hdr .section_wrapper.elab-hdr__wrap {
    position: relative;
    z-index: 2;
}

.elab-hdr a {
    text-decoration: none;
}

/* --- Breadcrumb (tume header tipus) --------------------------------------- */
.elab-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    font-size: 13px;
    margin: 0 0 16px;
    color: rgba(255, 255, 255, 0.55);
}
.elab-breadcrumb a { color: rgba(255, 255, 255, 0.8); }
.elab-breadcrumb a:hover { color: #fff; text-decoration: underline; }
.elab-breadcrumb__sep { color: rgba(255, 255, 255, 0.35); }
.elab-breadcrumb__current { color: rgba(255, 255, 255, 0.55); }

/* --- 3-veeruline välimine grid -------------------------------------------- */

.elab-hdr__grid {
    display: grid;
    grid-template-columns: minmax(140px, 1fr) minmax(0, 3fr) minmax(280px, 1fr);
    gap: 16px;
    align-items: flex-start;
}

/* Kui parem veerg on tühi (pole ei artiklit ega galeriid), laiendame main'i */
.elab-hdr__grid--no-side {
    grid-template-columns: minmax(140px, 1fr) minmax(0, 4fr);
}

/* --- VASAK: poster + foto-credit ------------------------------------------ */

.elab-hdr__left {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
}

/* `.elab-poster` baas + `--on-dark` + `--empty` — UI Kit'is.
 * Siin ainult header-grid'i layout: poster täidab vasaku veeru kogu laiuse.
 * UI Kit'i border-radius (8px) override'itakse header'i 10px-ga (--elab-radius). */
.elab-hdr .elab-poster {
    width: 100%;
    border-radius: var(--elab-radius);
}

/* TAR-badge — tehisaru repro PNG, absoluutne elab-hdr__left suhtes (poster'il overflow:hidden) */
.elab-hdr__left {
    position: relative;
}
.elab-hdr__left .elab-tar-badge {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: -6px;
    display: block;
    line-height: 0;
    text-decoration: none;
}

.elab-photo-credit {
    display: flex;
    align-items: start;
    gap: 6px;
    font-size: 11px;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.7);
    padding: 0 2px;
}

.elab-photo-credit svg {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.6);
}

/* AI-restaureeritud pildi märgis (ringis "i") allkirja järel */
.elab-ai-badge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    margin-top: -3px; /* ühel joonel allkirja-tekstiga (align-items:start parent) */
    color: var(--elab-green, #4a9f04); /* roheline — tõmbab pilku, signaliseerib olulist infot */
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    transition: filter 0.15s;
}
.elab-ai-badge:hover { filter: brightness(1.25); }
/* Pikk tooltip-tekst → luba mähkimist (UI Kiti default on lühikestele nowrap) */
.elab-ai-badge[data-tooltip]::after {
    white-space: normal;
    width: 230px;
    text-align: left;
}

/* --- KESKMINE: pealkiri, meta, hinnang, žanrid, kirjeldus, credits -------- */

.elab-hdr__main {
    min-width: 0;
	padding: 2px 12px 12px;
}

/* `.elab-title-row` + `__main` — UI Kit'is (sektsioon 8.5 Domain primitiivid). */

/* Full-headeri h1 — UI-KIT `.elab-h1` annab Fraunces + line-height + letter-spacing.
   Siin ainult olukorrast sõltuvad ülekirjutused: tumedale taustale valge värv,
   pisut kompaktsem suurus + nõrgem weight, margin-reset. */
.elab-hdr .elab-h1 {
    font-size: 46px;
    font-weight: 500;
    color: #fff !important;
    margin: 0 0 10px;
    line-height: 1.25;
}

.elab-hdr .elab-h1 .elab-h1__year {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
    margin-left: 6px;
    font-size: 32px;
}

/* Eyebrow — ametid pealkirja kohal (mockup .eyebrow): rohelise joonega prefiks. */
.elab-hdr__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--elab-light-blue);
    margin: 0 0 12px;
}
.elab-hdr__eyebrow::before {
    content: "";
    width: 26px;
    height: 2px;
    background: var(--elab-green);
    flex: 0 0 auto;
}
/* Eyebrow sisu = üks inline-voog (säilita " · " vahed, mitte flex-gap). */
.elab-hdr__eyebrow-text { display: inline; }
.elab-hdr__eyebrow a { color: inherit; text-decoration: none; }
.elab-hdr__eyebrow a:hover { text-decoration: underline; }
/* Eyebrow ise lingina (nt kümnekas → arhiiv) */
a.elab-hdr__eyebrow { text-decoration: none; }
a.elab-hdr__eyebrow:hover { text-decoration: underline; }

/* `.elab-meta` (+ `--on-dark`), `.elab-rating-group`, `.elab-rating*`, `.elab-chips`/`.elab-chip`
 * — kõik UI Kit'is (sektsioon 8.5 Domain primitiivid). Template kasutab `--on-dark` modi. */

/* Header-spetsiifiline layout: žanride-rea vahe kirjeldusest.
   #Wrapper-prefiks võidab elab-ui.css `#Wrapper ul.elab-chips` reseti (margin ei kaoks). */
#Wrapper .elab-hdr .elab-chips { margin: 12px 0 0; gap: 6px; }

/* Rating-group väike top-padding et joonduks h1 baseline'iga + tihedam gap kui UI Kit default. */
.elab-hdr .elab-rating-group { gap: 18px; padding: 2px 0 0; }
.elab-hdr .elab-rating       { min-width: 80px; }

/* Rating-group nüüd külgveerus (mockup drating): kaks veergu täidavad side laiuse,
   side-kaartide kohal. Asendab varasema inline-paigutuse title-row's. */
.elab-hdr__side .elab-rating-group {
    display: flex;
    gap: 10px;
    padding: 0;
    margin: 0;
}
.elab-hdr__side .elab-rating-group .elab-rating {
    flex: 1 1 0;
    min-width: 0;
    align-items: flex-start;
}
/* Side rating: peida label'id ("Hinnang"/"Minu hinne"), vasak-joondus, vahe alla */
.elab-hdr__side .elab-rating__label { display: none; }
.elab-hdr__side .elab-rating-group { margin-bottom: 20px; }

/* --- Kirjeldus ja credits ------------------------------------------------- */

.elab-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    margin: 14px 0 0;
    line-height: 1.55;
}

.elab-desc a       { color: var(--elab-blue); font-weight: 700; }
.elab-desc a:hover { color: var(--elab-blue-hover); }

/* Struktuursetest andmetest genereeritud biograafia — veidi hägusem,
   et eristuks toimetatud tekstist */
.elab-desc--auto {
    color: rgba(255, 255, 255, 0.7);
    font-style: italic;
}

.elab-credits {
    margin: 12px 0 0;
    font-size: 15px;
    color: #fff;
    line-height: 1.7;
}

.elab-credits-item {
    padding: 0;
	/*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
}

.elab-hdr .elab-credits__label { color: #fff; font-weight: 400; font-size: 14px; padding: 0; margin-right: 4px; }
.elab-hdr .elab-credits-item .dot { color: rgba(255, 255, 255, 0.45); margin: 0 8px; }
.elab-hdr .elab-credits__role  { color: rgba(255, 255, 255, 0.55); font-weight: 400; font-size: 13px; }
.elab-hdr .elab-credits a       { color: var(--elab-light-blue); font-weight: 700!important; }
.elab-hdr .elab-credits a:hover { color: #ffffff; text-decoration: underline; }

/* --- Teatri rida ---------------------------------------------------------- */

.elab-theater {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 14px 0 0;
}

.elab-theater__logo {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #fff;
}

.elab-theater__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.elab-hdr .elab-theater a {
    font-size: 15px;
    font-weight: 600!important;
    line-height: 36px;
}

.elab-hdr .elab-theater a:hover { color: #ffffff; text-decoration: underline; }

/* --- PAREM: side-kaardid --------------------------------------------------- */

.elab-hdr__side {
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
    padding: 15px 0;
}

.elab-side-card {
    margin-bottom: 15px;
    overflow: hidden;
}

.elab-side-card__title {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 8px;
    font-weight: 500;
}

/* Statistika side-kaart (mockup .hcard read-rows): silt vasakul, arv paremal. */
.elab-stat-card .elab-stat-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
}
.elab-stat-card .elab-stat-row + .elab-stat-row {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.elab-stat-row__k { color: rgba(255, 255, 255, 0.7); font-size: 13px; }
.elab-stat-row__v { color: #fff; font-weight: 700; font-size: 14px; }

/* Kompaktsed külgkaardid (mockup) — väike thumb + tekst horisontaalreas,
   et "Viimane artikkel" / "Meedia" ei röövi fookust pealkirjalt. */
.elab-side-card--mini { padding: 0; }
.elab-side-card--mini .elab-side-card__title { margin: 0 0 7px; }
.elab-side-row {
    display: flex;
    gap: 10px;
    align-items: center;
}
.elab-side-row__thumb {
    width: 75px;
    height: 50px;
    flex: 0 0 auto;
    border-radius: 6px;
    overflow: hidden;
    background: #223 center/cover no-repeat;
}
.elab-side-row__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.elab-side-row__body { min-width: 0; }
.elab-side-row__title {
    font-size: 13px;
    color: #fff;
    line-height: 1.3;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.elab-side-row__meta {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 3px;
}
.elab-side-row:hover .elab-side-row__title { color: var(--elab-light-blue); }

/* --- Action-riba: statistika + 3 nuppu ------------------------------------ */

.elab-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    padding: 14px 0 20px;
    gap: 12px;
    flex-wrap: wrap;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
	width: 100%;
}

.elab-bar__left {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    flex-wrap: wrap;
}

.elab-hdr .elab-bar__left a       { color: var(--elab-light-blue); font-weight: 700!important; }
.elab-hdr .elab-bar__left a:hover { color: #ffffff; text-decoration: underline; }
.elab-bar__left .dot    { color: rgba(255, 255, 255, 0.5); }

.elab-bar__right {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Header-spetsiifiline nupu-paigutus (height/padding/radius/fs).
 * Värvi/tausta/border'i kontrollivad UI Kit modid (.elab-btn--clap/--list/--seen + --on-dark) —
 * neid EI tohi siin reset'ida (.elab-hdr .elab-btn { background: none } muudaks modid mõjutuks). */
.elab-hdr .elab-btn {
    height: 38px;
    padding: 0 14px;
    border-radius: var(--elab-radius);
    font-size: 13px;
}

.elab-hdr .elab-btn:focus-visible {
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* `.elab-btn svg` baas + action-modid (.elab-btn--clap/--seen/--list) — UI Kit'is.
 * Tumeda tausta `--seen` neutraalvärv tuleb UI Kit'i `.elab-btn--seen.elab-btn--on-dark`-st.
 * NB: template (elab_user_actions shortcode) peab `--seen` nupule lisama `--on-dark` modi. */

/* Kõik header user-action nupud ühtses "--seen --on-dark" stiilis (läbipaistev valge
   taust + läbipaistev valge raam) — sõltumata --clap/--list modist. */
.elab-hdr .elab-user-actions .elab-btn {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.7);
}
.elab-hdr .elab-user-actions .elab-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff;
}
.elab-hdr .elab-user-actions .elab-btn.is-on {
    background: var(--elab-green);
    border-color: var(--elab-green);
    color: #fff;
}

/* --- Tablet: kitsam gap, side-veerud kokku-kitsamaks ---------------------- */

@media (max-width: 1023px) {
    .elab-hdr__grid {
        grid-template-columns: minmax(130px, 1fr) minmax(0, 2.5fr) minmax(130px, 1fr);
        gap: 12px;
    }
}

/* --- Mobile: grid läheb vertikaalseks, poster+credit row'iks ------------- */

@media (max-width: 767px) {
    .elab-hdr__grid,
    .elab-hdr__grid--no-side {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .elab-hdr__left {
        flex-direction: row !important;
        align-items: flex-start;
        gap: 12px;
    }

    .elab-hdr .elab-poster {
        width: 120px;
        flex-shrink: 0;
    }

    .elab-hdr .elab-title-row {
        flex-direction: column;
    }

    .elab-hdr .elab-rating-group {
        justify-content: flex-start;
        gap: 24px;
    }

    .elab-hdr .elab-rating      { text-align: left; min-width: 0; }
    .elab-hdr .elab-rating__row { justify-content: flex-start; }

    .elab-hdr .elab-h1   { font-size: 24px; }
    .elab-h1__year       { font-size: 18px; }

    .elab-bar        { flex-direction: column; align-items: stretch; }
    .elab-bar__right { justify-content: space-between; }
    .elab-hdr .elab-btn { flex: 1; justify-content: center; }
}


/* ============================================================================
   Compact header — alamlehel (sub-page)
   IMDb-laadne kompaktne riba: poster (60×90) + title + sub-page label + actions.
   Markup vt template-parts/header-lavastus-compact.php.
   ============================================================================ */

.elab-hdr--compact.section {
    padding: 92px 0 18px;
}

.elab-hdr-compact__row {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    color: #fff;
}

/* Poster — väike postkaart (60×90), 1:1.5 ratio, ümar nurk */
.elab-hdr-compact__poster {
    flex: 0 0 60px;
}

.elab-hdr-compact__poster a {
    display: block;
    width: 60px;
    height: 90px;
    border-radius: 6px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    transition: transform 0.18s ease;
}

.elab-hdr-compact__poster a:hover {
    transform: translateY(-1px);
}

.elab-hdr-compact__poster img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.elab-hdr-compact__poster-empty {
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.45);
    font-family: 'Fraunces', Georgia, serif;
    font-size: 28px;
    font-weight: 600;
}

/* Title + sub-label blokk (võtab kogu jäänud ruumi) */
.elab-hdr-compact__main {
    flex: 1 1 auto;
    min-width: 0;
}

/* Title — kasutab UI-KITi `.elab-h1` baasi (Fraunces, weight, line-height, letter-spacing).
   Siin määrame ainult olukorrast sõltuvad asjad: väiksem suurus (compact-riba), valge värv,
   ühe-rea kärpimine, alumise margini reset. */
.elab-hdr-compact__title {
    margin: 0 0 4px;
    font-size: 26px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Compact (alalehe) header'i h1 — suurem (kasutaja soov). */
.elab-hdr .elab-h1.elab-hdr-compact__title { font-size: 32px; }

.elab-hdr-compact__title a {
    color: inherit;
    text-decoration: none;
}

.elab-hdr-compact__title a:hover {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
	color: inherit;
}

.elab-hdr-compact__year {
    color: rgba(255, 255, 255, 0.55);
    font-weight: 400;
    font-size: 26px;
    margin-left: 4px;
}

/* Sub-page label rida — IMDb-stiilis suur "Awards"-tüüpi alapealkiri */
.elab-hdr-compact__sub {
    display: flex;
    align-items: baseline;
    gap: 12px;
    font-size: 14px;
    line-height: 1.3;
}

/* Sub-page label — body-fondi (Plus Jakarta Sans), et eristuks h1 dekoratiivsest seriifist.
   Visuaalselt teisejärguline „kus me oleme"-silt. */
.elab-hdr-compact__sub-label {
    font-size: 15px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
}

.elab-hdr-compact__back {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
    transition: color 0.15s ease;
}

.elab-hdr-compact__back:hover {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Actions paremal — [elab_user_actions] shortcode renderdab nupud sisse.
   Pakkime flex'iga, et nupud reastuks kõrvuti, mitte vertikaalselt. */
.elab-hdr-compact__actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Mobile (≤600px) — poster jääb kõrvuti aga väiksem (50×75),
   actions wrap'ivad rea alla */
@media (max-width: 600px) {
    .elab-hdr--compact.section {
        padding: 14px 0;
    }
    .elab-hdr-compact__row {
        flex-wrap: wrap;
        gap: 12px;
    }
    .elab-hdr-compact__poster { flex: 0 0 50px; }
    .elab-hdr-compact__poster a {
        width: 50px;
        height: 75px;
    }
    .elab-hdr-compact__title     { font-size: 20px; }
    .elab-hdr-compact__sub-label { font-size: 14px; }
    .elab-hdr-compact__actions {
        flex-basis: 100%;
        justify-content: flex-start;
        margin-top: 4px;
    }
}

/* =========================================================================
   TOOTJA-CPT — LOGO (ruudukujuline, asendab postri header'is)
   ========================================================================= */

.elab-logo {
    width: 100%;
    max-width: 180px;
    aspect-ratio: 1 / 1;
    border-radius: var(--elab-radius);
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}
.elab-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    padding: 8%;
}
.elab-logo--empty {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.7);
    font-size: 56px;
    font-weight: 600;
    font-family: 'Fraunces', serif;
}
.elab-logo--on-dark {
    /* sama background — valge */
}

/* Compact header logo: 60×60 ruut */
.elab-hdr-compact__logo {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
    border-radius: var(--elab-radius-sm, 6px);
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.elab-hdr-compact__logo a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.elab-hdr-compact__logo img {
    width: 100%;
    height: auto;
    object-fit: fill;
    display: block;
    margin: auto;
}
.elab-hdr-compact__logo-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.75);
    font-size: 22px;
    font-weight: 600;
    font-family: 'Fraunces', serif;
}
@media (max-width: 600px) {
    .elab-hdr-compact__logo { width: 48px; height: 48px; }
}

/* =========================================================================
   TOOTJA-CPT — header-grid'i logo-veerg kärbitud 180px-ni
   ========================================================================= */
.elab-hdr--tootja .elab-hdr__grid {
    grid-template-columns: 180px minmax(0, 3fr) minmax(140px, 1fr);
}
.elab-hdr--tootja .elab-hdr__grid--no-side {
    grid-template-columns: 180px minmax(0, 4fr);
}
.elab-hdr--tootja .elab-hdr__left {
    max-width: 180px;
}
@media (max-width: 700px) {
    .elab-hdr--tootja .elab-hdr__grid,
    .elab-hdr--tootja .elab-hdr__grid--no-side {
        grid-template-columns: 1fr;
    }
    .elab-hdr--tootja .elab-hdr__left {
        max-width: 140px;
    }
}

/* Kompaktne tootja-header (mockup .thead): logo + nimi kõrvuti, chip-rida all. */
.elab-thead {
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: 24px;
    align-items: center;
}
.elab-thead__logo {
    width: 96px;
    height: 96px;
    border-radius: var(--elab-radius-lg, 12px);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}
.elab-thead__logo img { width: 100%; height: 100%; object-fit: contain; }
.elab-thead__logo span {
    font-family: var(--elab-font-display, "Fraunces", serif);
    font-size: 42px;
    color: #fff;
}
.elab-thead__main { min-width: 0; }
.elab-hdr.elab-hdr--compact-tootja .elab-h1 { font-size: 38px; font-weight: 500; margin: 0; }
.elab-hdr--compact-tootja .elab-hdr__eyebrow { margin-bottom: 8px; }
#Wrapper .elab-hdr--compact-tootja .elab-thead__chips { margin: 22px 0 0; }
@media (max-width: 760px) {
    .elab-thead { grid-template-columns: 72px 1fr; gap: 16px; }
    .elab-thead__logo { width: 72px; height: 72px; }
    .elab-thead__logo span { font-size: 32px; }
    .elab-hdr.elab-hdr--compact-tootja .elab-h1 { font-size: 28px; }
}

/* =========================================================================
   TOOTJA action-nupud — `--recognize` ja `--visit` stiilid
   (UI Kit-i `.elab-btn--{action_type}` muster: recognize ≈ thanks (roheline),
    visit ≈ favorite (transparent border + --on-dark variant)).
   TODO: portida elab-core ui-kit/elab-ui.css §4-sse.
   ========================================================================= */

/* `--recognize` (Tunnusta) — alati roheline, dark-headeris samuti. */
.elab-btn--recognize         { background: var(--elab-green); border-color: var(--elab-green); color: #fff; }
.elab-btn--recognize:hover   { background: var(--elab-green-hover); border-color: var(--elab-green-hover); color: #fff; }
.elab-btn--recognize.is-on   { background: var(--elab-green-hover); border-color: var(--elab-green-hover); color: #fff; }
.elab-btn--recognize.is-on:hover { background: var(--elab-green); border-color: var(--elab-green); color: #fff; }

/* `--visit` (Olen käinud) — sama muster kui `--favorite`/`--seen`. */
.elab-btn--visit             { background: transparent; border-color: var(--elab-border); color: var(--elab-text-secondary); }
.elab-btn--visit:hover       { color: var(--elab-text); border-color: var(--elab-border-strong); }
.elab-btn--visit.is-on       { background: var(--elab-green); border-color: var(--elab-green); color: #fff; }
.elab-btn--visit.is-on:hover { background: var(--elab-green-hover); border-color: var(--elab-green-hover); color: #fff; }

/* Tumeda taustal: valge raam + valge tekst hover'il, neutraalne väike opacity vaikimisi. */
.elab-btn--visit.elab-btn--on-dark         { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.7); }
.elab-btn--visit.elab-btn--on-dark:hover   { color: #fff; border-color: rgba(255, 255, 255, 0.35); }
.elab-btn--visit.elab-btn--on-dark.is-on   { background: var(--elab-green); border-color: var(--elab-green); color: #fff; }

/* ===== Etenduspaik header (ASL-asendus E5) — 3 veergu: poster + main + kaart ===
   Kasutab standardset .elab-hdr__grid'i (poster ja kaart sama laius = 1fr). */
.elab-hdr__address {
    display: flex;
    align-items: center;
    gap: 5px;
}
.elab-hdr__address svg { flex: 0 0 auto; }

/* Portrait mini-kaart paremas veerus — kõrgus = poster (2:3, sama veerulaius) */
.elab-hdr__side--map .elab-kaart { margin: 0; }
.elab-hdr__side--map .elab-kaart__map {
    height: auto !important;
    aspect-ratio: 2 / 3;
    border-radius: 8px;
}
@media (max-width: 768px) {
    /* Mobiilis kaart madalam (poster-aspect oleks liiga kõrge) */
    .elab-hdr__side--map .elab-kaart__map {
        aspect-ratio: 3 / 2;
    }
}

/* ---------- MOBIIL: kompaktsem header + action-riba ---------- */
@media (max-width: 600px) {
    .elab-hdr__main {
        padding: 15px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    .elab-bar {
        padding: 15px 0;
        gap: 0;
    }
}

/* ============================================================
   Artikkel (post) hero — header-post.php (mockup art-hero)
   Tume hero + featured-foto taust, eyebrow (kategooria), h1, byline.
   ============================================================ */
.elab-hdr--article.section { padding: 104px 0 44px; }
.elab-hdr--article__title {
    font-family: var(--elab-font-display, "Fraunces", serif);
    font-weight: 600;
    font-size: clamp(30px, 4.4vw, 46px);
    line-height: 1.1;
    letter-spacing: -.4px;
    margin: 0; /* alumine vahe tuleb globaalsest .elab-hdr .elab-h1 (10px) */
    max-width: 900px; /* piirab desktopil rea pikkust; mobiilis (<900px) ei mõjuta */
    color: #fff;
}
.elab-hdr--article__byline {
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13.5px;
}
.elab-hdr--article__avatar {
    flex: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}
.elab-hdr--article__byline-text strong { color: #fff; font-weight: 600; }

@media (max-width: 640px) {
    .elab-hdr--article.section { padding: 88px 0 32px; }
}