/* ============================================================
   320 FM · HEADER LAYOUT
   Nur Header und Navigation.
   Keine Player-Regeln.
   ============================================================ */

body.fm-header-player-enabled .site-header{
    height:68px;
    min-height:68px;
    max-height:68px;

    position:sticky;
    top:0;
    z-index:50;

    background:#050709;

    border-bottom:
        1px solid #111a1f;
}


body.fm-header-player-enabled
.site-header-inner{
    width:100%;
    max-width:var(--max);

    height:68px;
    min-height:68px;

    margin:0 auto;
    padding:0 28px;

    display:flex;
    align-items:center;

    gap:32px;

    box-sizing:border-box;
}


body.fm-header-player-enabled
.site-header
.brand{
    width:105px;
    flex:0 0 105px;

    margin:0;
    padding:0;
}


body.fm-header-player-enabled
.site-header
.main-nav{
    height:68px;

    flex:1 1 auto;

    display:flex;
    align-items:center;

    gap:28px;

    margin:0;
    padding:0;
}


body.fm-header-player-enabled
.site-header
.main-nav > a{
    height:68px;

    display:flex;
    align-items:center;

    margin:0;
    padding:0;

    font-size:14px;
    line-height:1;

    font-weight:800;

    letter-spacing:.02em;

    white-space:nowrap;
}


body.fm-header-player-enabled
.site-header
.header-actions{
    height:68px;

    flex:0 0 auto;

    display:flex;
    align-items:center;

    gap:17px;

    margin:0;
    padding:0;
}


body.fm-header-player-enabled
.site-header
.header-actions > *{
    flex-shrink:0;
}


body.fm-header-player-enabled
.site-header
.account{
    height:68px;

    display:flex;
    align-items:center;

    gap:7px;

    margin:0;
    padding:0;

    font-size:14px;
    line-height:1;
}


@media(max-width:760px){

    body.fm-header-player-enabled
    .site-header{
        height:58px;
        min-height:58px;
        max-height:58px;
    }


    body.fm-header-player-enabled
    .site-header-inner{
        height:58px;
        min-height:58px;

        padding:0 18px;
    }

}