/* Header Responsive — Psyrates */

/* ---- Mobile (< 1024px) : menu burger ---- */
@media (max-width: 1023px) {

    .main-header__header-container-inner {
        grid-template-columns : 1fr auto;
        padding               : 0;
    }

    /* Logo à gauche */
    .main-header__container .main-logo {
        grid-column : 1;
        grid-row    : 1;
    }

    /* Actions masquées sur mobile */
    .main-header__inner .header-actions {
        display : none;
    }

    .main-header__container .main-logo__link {
        padding-top: 0;
    }

    .main-header__container .main-logo__img {
        width : 200px;
        height    : 70px;
    }
}

/* ---- Desktop (>= 1024px) : afficher les actions ---- */
@media (min-width: 1024px) {

    .main-header__inner--is-fixed {
        opacity        : 0;
        transform      : translateY(-100%);
        transition     : all 0.35s ease-in-out;
        pointer-events : none;
    }

    .main-header__inner--is-fixed.main-header__inner--is-shown {
        opacity        : 1;
        transform      : translateY(0);
        pointer-events : all;
    }

    .main-header__inner .header-actions {
        grid-column : 3;
        display     : flex;
    }
}

/* ---- Grand écran (>= 1440px) ---- */
@media (min-width: 1440px) {

    .main-header__header-container-inner {
        grid-template-columns : auto 1fr auto;
        gap                   : 1rem;
    }
}