:root{
    --ev-navy:#172033;
    --ev-muted:#6c7585;
    --ev-green:#16865d;
    --ev-green-dark:#11714e;
    --ev-border:#e5e9f0;
    --ev-bg:#f5f7fa;
}

.ev-site-header{
    position:relative;
    z-index:60;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(229,233,240,.95);
    backdrop-filter:blur(14px);
}

.ev-header-inner{
    width:min(100% - 28px,1120px);
    min-height:116px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
}

.ev-logo-link{
    display:inline-flex;
    align-items:center;
    min-width:0;
    text-decoration:none;
}

.ev-logo{
    display:block;
    width:350px;
    max-width:42vw;
    height:auto;
}

.ev-header-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:8px;
}

.ev-header-link,
.ev-header-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:40px;
    padding:8px 12px;
    border-radius:11px;
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.ev-header-link{
    color:#465064;
    border:1px solid transparent;
}

.ev-header-link:hover,
.ev-header-link:focus{
    color:var(--ev-navy);
    background:#f4f6f8;
}

.ev-header-button{
    color:var(--ev-navy);
    background:#fff;
    border:1px solid var(--ev-border);
}

.ev-header-button:hover,
.ev-header-button:focus{
    color:var(--ev-navy);
    background:#f7f9fb;
}

.ev-header-button.primary{
    color:#fff;
    background:var(--ev-green);
    border-color:var(--ev-green);
}

.ev-header-button.primary:hover,
.ev-header-button.primary:focus{
    color:#fff;
    background:var(--ev-green-dark);
    border-color:var(--ev-green-dark);
}

.ev-header-button.logout{
    color:#596274;
}

.ev-page-footer{
    width:min(100% - 28px,1120px);
    margin:28px auto 0;
    padding:20px 0 34px;
    border-top:1px solid var(--ev-border);
    color:var(--ev-muted);
    font-size:.82rem;
}

@media (max-width:760px){
    .ev-header-inner{
        width:min(100% - 20px,1120px);
        min-height:96px;
        gap:8px;
    }

    .ev-logo{
        width:290px;
        max-width:calc(100vw - 120px);
    }

    .ev-header-nav{
        gap:5px;
    }

    .ev-header-link,
    .ev-header-button{
        min-height:36px;
        padding:7px 9px;
        font-size:.82rem;
    }

    .ev-nav-classifica{
        display:none;
    }
}

@media (max-width:470px){
    .ev-header-inner{
        align-items:center;
        padding:6px 0;
    }

    .ev-logo{
        width:270px;
        max-width:calc(100vw - 113px);
        margin-top:0;
    }

    .ev-header-nav{
        max-width:none;
    }

    .ev-header-link span,
    .ev-header-button span{
        display:none;
    }

    .ev-header-link,
    .ev-header-button{
        width:36px;
        height:36px;
        min-height:36px;
        padding:0;
        border-radius:10px;
    }
}