/* ========================================
   MENU MOBILE - classe dédiée
   pour éviter les conflits GeneratePress
======================================== */

.mobile-menu-toggle {
    display: none !important;
}

@media (max-width: 900px) {

    .site-header-inner {
        position: relative !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 20px !important;
    }

    .site-logo {
        width: 300px !important;
        height: auto !important;
        flex-shrink: 1 !important;
    }

    .site-logo img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .mobile-menu-toggle {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 46px !important;
        height: 46px !important;
        flex: 0 0 46px !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;

        appearance: none !important;
        -webkit-appearance: none !important;

        cursor: pointer !important;
        z-index: 10001 !important;
    }

    .mobile-menu-toggle span {
        display: block !important;

        width: 26px !important;
        height: 3px !important;

        margin: 3px 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 2px !important;

        background: #17324d !important;
        opacity: 1 !important;

        transition: transform .2s ease, opacity .2s ease !important;
    }

    .site-navigation {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;

        display: none !important;
        z-index: 10000 !important;

        margin: 0 !important;
        padding: 10px 20px 20px !important;

        border-top: 1px solid #e5e7eb !important;
        background: #ffffff !important;
        box-shadow: 0 15px 30px rgba(23, 50, 77, .10) !important;
    }

    .site-navigation.is-open {
        display: block !important;
    }

    .site-navigation > ul {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .site-navigation > ul > li {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid #edf0ec !important;
    }

    .site-navigation > ul > li:last-child {
        border-bottom: 0 !important;
    }

    .site-navigation > ul > li > a {
        display: block !important;
        width: 100% !important;
        padding: 15px 5px !important;
        color: #17324d !important;
        font-size: 16px !important;
        font-weight: 600 !important;
    }

    .mobile-menu-toggle.is-open span:nth-child(1) {
        transform: translateY(9px) rotate(45deg) !important;
    }

    .mobile-menu-toggle.is-open span:nth-child(2) {
        opacity: 0 !important;
    }

    .mobile-menu-toggle.is-open span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg) !important;
    }
}

@media (max-width: 600px) {

    .site-logo {
        width: 240px !important;
    }

    .site-logo img {
        max-width: 240px !important;
    }
}