header {
    top: 0;
    right: 0;
    left: 0;
    z-index: 200;
}

/* 
MOBILE
*/
/* TOP */
#header_m-top {z-index: 20;}
#header-mobile[data-status='open'] #header_m-top {background: white;}

#header_m-logo img {
    width: auto;
    height: 2rem;
}


/* MENU */
#header_m-menu {
    padding-top: calc(var(--header_m) + 1.5rem);
    z-index: 10;
}
#header-mobile[data-status='close'] #header_m-menu {transform: translateY(-100%);}

#header_m-menu a {
    width: fit-content;
    margin-bottom: 2px;
}

#header_m-menu a.--active {color: black !important; background: var(--c-blue);}


/* 
TABLET / DESKTOP
*/
#header_d-logo img {
    width: auto;
    height: 2rem;
}

#header_d-menu a {height: fit-content;}
#header_d-menu a.--active {color: black !important; background: var(--c-blue);}
#header_d-menu a:not(:first-of-type) {margin-left: 2rem;}
@media (hover: hover) {
    #header_d-menu a:hover {
        color: black !important;
        background: var(--c-blue);
    }
}