/* ---------- MENU MEDIA QUERIES (for every page except for index page) ---------- */


@media (min-width: 548px) and (max-width: 965px) {

    .menu-fullscreen .menu-bottom .menu-left a {
        display: none !important;
    }

    .topbar.not-index .logo-not-index {
        height: 40px;
    }

    .topbar.not-index:hover .logo-not-index {
        height: 40px;
    }

    .topbar .col.center-col {
        display: none;
    }

    .only-hover {
        display: none;
    }

    body:has(.topbar.not-index:hover) main {
        padding-top: 50px;
    }
}


@media (max-width: 547px) {

    .menu-fullscreen {
        padding: var(--double-margin);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 4vh;
    }

    .topbar .col.center-col,
    .only-hover {
        display: none;
    }

    body:has(.topbar.not-index:hover) main {
        padding-top: 50px;
    }

    .menu-links,
    .menu-socials {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1vh;
        width: fit-content;
        margin-top: 0;
    }

    .menu-socials {
        margin-bottom: 17vh;
    }

    .menu-links {
        margin-top: 35vh;
    }

    .menu-links a {
        font-size: 3rem;
        line-height: 1;
    }

    .menu-socials a {
        font-size: 2rem;
        line-height: 1;
        margin-top: 0 !important;
    }

    .menu-col.left-col .menu-top .logo {
        position: absolute;
        top: 4vh;
        left: 15%;
    }

    .menu-col.left-col .menu-top img {
        max-width: 70vw;
    }

    .menu-fullscreen .menu-left img {
        transform: translateY(-4vh);
    }

    .menu-fullscreen .center-col .lang-selector {
        position: absolute;
        top: 25%;
        left: 14%;
        transform: none;
    }

    .menu-fullscreen .right-col .menu-top {
        position: absolute;
        top: 25%;
        right: 14%;
    }

    .menu-left a {
        position: absolute;
        bottom: 3%;
        font-size: 1rem;
        opacity: 0.7;
        white-space: nowrap;
    }

    .lang-selector {
        justify-content: flex-start;
    }

    .menu-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .menu-left a {
        position: absolute;
        bottom: 3%;
        margin: 0;
        font-size: 1rem;
        white-space: nowrap;
        opacity: 0.7;
        text-align: center;
    }
}

@media (min-width: 351px) and (max-width: 450px) {

    .menu-fullscreen .center-col .lang-selector,
    .menu-fullscreen .right-col .menu-top {
        top: 21%;
    }
}

@media (max-width: 350px) {

    .menu-fullscreen .center-col .lang-selector {
        top: 18%;
    }

    .menu-fullscreen .right-col .menu-top {
        top: 17.5%;
    }

    .menu-links a {
        font-size: 2rem;
    }

    .menu-links {
        margin-top: -30vh;
    }

    .menu-socials {
        margin-top: -35vh;
    }

    .menu-socials a {
        font-size: 1rem;
        margin-top: 0 !important;
        line-height: 1;

    }

    .menu-left a {
        font-size: 0.8rem;
    }

    .menu-top button {
        font-size: 1.1rem;
    }

    .menu-fullscreen .lang-selector a,
    .menu-fullscreen.lang-selector .separator {
        font-size: 1.1rem;
    }

    .menu-fullscreen .lang-selector a {
        margin: 0;
    }

}

@media (max-width: 257px) {

    .menu-fullscreen .center-col .lang-selector {
        top: 15%;
    }

    .menu-fullscreen .right-col .menu-top {
        top: 14.5%;
    }
}