/* 0297 – pontos, reszponzív logókiemelés. Alapállapot: változatlan kompakt nézet. */
.hero-brand-stage{display:none}

/*
 * KIEMELT FEJLÉC
 * A képi logó már tartalmazza a Sepsi Rádió nevet és a frekvenciát, ezért ebben
 * a sablonban a külön szöveges névsort elrejtjük. Így nincs dupla felirat és a
 * 250–290 px széles desktop fejlécoszlopon belül sem lehet menüütközés.
 */
body[data-brand-emphasis="header-focus"] .site-header .brand{
    min-width:0!important;
    flex-basis:auto!important;
    gap:0!important;
    overflow:visible;
}
body[data-brand-emphasis="header-focus"] .site-header .brand-copy{display:none!important}
body[data-brand-emphasis="header-focus"] .site-header .brand-logo-animated{
    width:250px!important;
    max-width:100%;
    filter:drop-shadow(0 14px 25px rgba(49,61,160,.22));
    isolation:isolate;
}
body[data-brand-emphasis="header-focus"] .site-header .brand-logo-animated:before{
    content:"";
    position:absolute;
    inset:-10% -5%;
    z-index:-1;
    border-radius:50%;
    background:radial-gradient(circle,rgba(240,66,138,.20),rgba(52,76,154,.11) 48%,transparent 72%);
    animation:sepsiBrandGlow297 3.8s ease-in-out infinite;
    pointer-events:none;
}
body[data-brand-emphasis="header-focus"] .site-header .brand-globe-spin{animation-duration:13s}

/* 1181–1260 px: a fejléc első oszlopa 250–270 px, ezért 230 px a biztos maximum. */
@media(min-width:1181px) and (max-width:1260px){
    body[data-brand-emphasis="header-focus"] .site-header .brand-logo-animated{width:230px!important}
}
/* 821–1180 px: a menü már külön sorba kerül, a logó kényelmesen maradhat hangsúlyos. */
@media(min-width:821px) and (max-width:1180px){
    body[data-brand-emphasis="header-focus"] .site-header .brand-logo-animated{width:210px!important}
}
/* Tablet: a fiókgomb mellett legalább 170 px marad a logónak. */
@media(min-width:561px) and (max-width:820px){
    body[data-brand-emphasis="header-focus"] .site-header .brand-logo-animated{width:170px!important}
}
/* Mobil: 320 px széles kijelzőn is marad legalább 12 px biztonsági rés a fiókgomb előtt. */
@media(max-width:560px){
    body[data-brand-emphasis="header-focus"] .site-header .brand-logo-animated{width:135px!important}
}
@media(max-width:390px){
    body[data-brand-emphasis="header-focus"] .site-header .brand-logo-animated{width:118px!important}
}

/*
 * ÉLŐ EMBLÉMA
 * Az embléma a széles Most a rádióban kártyába került. Nem növeli a bal oldali
 * hero-kártyát, így a letöltőgombok nem csúsznak a fix lejátszó alá.
 */
body[data-brand-emphasis="hero-emblem"].is-home .broadcast-info-card{
    justify-content:flex-start;
}
body[data-brand-emphasis="hero-emblem"].is-home .broadcast-info-card .hero-brand-stage{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    width:100%;
    min-height:96px;
    margin:0 0 8px;
    padding:8px 18px;
    box-sizing:border-box;
    border:1px solid rgba(255,255,255,.75);
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.42));
    box-shadow:0 14px 34px rgba(40,50,130,.12),inset 0 1px 0 rgba(255,255,255,.78);
    backdrop-filter:blur(16px);
    overflow:hidden;
}
body[data-brand-emphasis="hero-emblem"].is-home .broadcast-info-card .hero-brand-stage:before{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    left:-52px;
    top:-72px;
    border-radius:50%;
    background:radial-gradient(circle,var(--wash-1,rgba(242,106,46,.26)),transparent 70%);
    animation:sepsiBrandGlow297 3.8s ease-in-out infinite;
    pointer-events:none;
}
body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-logo-animated{
    position:relative;
    display:block;
    width:190px;
    max-width:48%;
    aspect-ratio:872/446;
    flex:0 0 auto;
    perspective:900px;
    filter:drop-shadow(0 10px 19px rgba(49,61,160,.17));
}
body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-logo-animated img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}
body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-globe-spin{
    animation:sepsiBrandSpin297 13s linear infinite;
    transform-origin:50% 50%;
    transform-style:preserve-3d;
    backface-visibility:visible;
    will-change:transform;
}
body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-text-static{z-index:1}
body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-live{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--text);
    font-size:11px;
    font-weight:950;
    line-height:1.25;
    letter-spacing:.07em;
    text-transform:uppercase;
    white-space:nowrap;
}
body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-live i{
    display:block;
    width:10px;
    height:10px;
    flex:0 0 auto;
    border-radius:50%;
    background:#18b981;
    box-shadow:0 0 0 6px rgba(24,185,129,.14);
    animation:sepsiBrandLive297 1.7s ease-in-out infinite;
}

/* Köztes asztali/tablet méret: kisebb embléma, ugyanaz a biztos egy soros szerkezet. */
@media(max-width:1180px){
    body[data-brand-emphasis="hero-emblem"].is-home .broadcast-info-card .hero-brand-stage{
        min-height:90px;
        padding:7px 15px;
    }
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-logo-animated{width:175px}
}
@media(max-width:820px){
    body[data-brand-emphasis="hero-emblem"].is-home .broadcast-info-card .hero-brand-stage{
        min-height:84px;
        gap:14px;
        border-radius:20px;
    }
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-logo-animated{width:160px}
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-live{font-size:10px}
}
@media(max-width:520px){
    body[data-brand-emphasis="hero-emblem"].is-home .broadcast-info-card .hero-brand-stage{
        min-height:78px;
        gap:10px;
        padding:7px 10px;
    }
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-logo-animated{width:145px;max-width:54%}
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-live{
        gap:7px;
        font-size:9px;
        white-space:normal;
    }
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-live i{width:8px;height:8px}
}
@media(max-width:390px){
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-logo-animated{width:128px;max-width:52%}
    body[data-brand-emphasis="hero-emblem"].is-home .hero-brand-live{font-size:8px;letter-spacing:.05em}
}

@keyframes sepsiBrandSpin297{to{transform:rotateY(360deg)}}
@keyframes sepsiBrandGlow297{0%,100%{opacity:.72;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}
@keyframes sepsiBrandLive297{0%,100%{box-shadow:0 0 0 4px rgba(24,185,129,.12)}50%{box-shadow:0 0 0 9px rgba(24,185,129,.04)}}

@media(prefers-reduced-motion:reduce){
    body[data-brand-emphasis] .brand-globe-spin,
    body[data-brand-emphasis] .hero-brand-globe-spin,
    body[data-brand-emphasis] .brand-logo-animated:before,
    body[data-brand-emphasis] .hero-brand-stage:before,
    body[data-brand-emphasis] .hero-brand-live i{animation:none!important;transform:none!important}
}