/* ==========================================================
   FIX DIRECT MENUS MOBILE - RESERVENTION
   ========================================================== */

@media (max-width: 900px) {
    body {
        overflow-x: hidden !important;
    }

    .mobile-menu-fixed,
    .main-nav,
    .top-nav,
    .navbar,
    .navbar-nav,
    .nav,
    .menu,
    .admin-tabs,
    .admin-tab-buttons,
    .admin-menu-buttons,
    .admin-pro-tabs,
    [class*="menu"],
    [class*="nav"] {
        display: flex !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important;
        justify-content: center !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
    }

    .mobile-menu-fixed a,
    .mobile-menu-fixed button,
    .main-nav a,
    .main-nav button,
    .top-nav a,
    .top-nav button,
    .navbar a,
    .navbar button,
    .navbar-nav a,
    .navbar-nav button,
    .nav a,
    .nav button,
    .menu a,
    .menu button,
    .admin-tabs button,
    .admin-tab-buttons button,
    .admin-menu-buttons button,
    .admin-pro-tabs button,
    [class*="menu"] a,
    [class*="menu"] button,
    [class*="nav"] a,
    [class*="nav"] button {
        display: inline-flex !important;
        flex: 1 1 calc(50% - 8px) !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 44px !important;
        padding: 10px 12px !important;
        margin: 0 !important;
        white-space: normal !important;
        text-align: center !important;
        line-height: 1.2 !important;
        font-size: 13px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        position: relative !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }

    a[href*="logout"],
    a[href*="deconnexion"],
    a[href*="logout.php"],
    a[href*="disconnect"],
    button[name*="logout"],
    button[class*="logout"],
    .logout,
    .deconnexion {
        display: inline-flex !important;
        flex: 1 1 100% !important;
        order: 999 !important;
        background: #EF4135 !important;
        color: #fff !important;
        font-weight: 900 !important;
        z-index: 99999 !important;
    }

    .container,
    .content,
    main,
    .card,
    .admin-tab-panel,
    .panel {
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    table {
        display: block !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        max-width: 100% !important;
    }
}

@media (max-width: 420px) {
    .mobile-menu-fixed a,
    .mobile-menu-fixed button,
    .main-nav a,
    .main-nav button,
    .top-nav a,
    .top-nav button,
    .navbar a,
    .navbar button,
    .navbar-nav a,
    .navbar-nav button,
    .nav a,
    .nav button,
    .menu a,
    .menu button,
    .admin-tabs button,
    .admin-tab-buttons button,
    .admin-menu-buttons button,
    .admin-pro-tabs button,
    [class*="menu"] a,
    [class*="menu"] button,
    [class*="nav"] a,
    [class*="nav"] button {
        flex: 1 1 100% !important;
    }
}