/* Header-only fix. Keeps site design untouched. */

/* Desktop */
@media (min-width: 992px){
    .mobile-top-tools,
    .mobile-menu-btn,
    .mobile-offcanvas,
    .offcanvas-backdrop,
    #mainMenu{
        display:none !important;
    }

    .desktop-logout-form{
        margin:0 !important;
        padding:0 !important;
        display:flex !important;
    }

    .logout-pill{
        height:42px !important;
        border:0 !important;
        border-radius:999px !important;
        padding:0 16px !important;
        background:#0d2a45 !important;
        color:#fff !important;
        font-weight:900 !important;
        display:flex !important;
        gap:8px !important;
        align-items:center !important;
    }
}

/* Mobile header like EyadSmm */
@media (max-width: 991px){
    .site-nav{
        height:86px !important;
        min-height:86px !important;
        background:#756ed8 !important;
        box-shadow:none !important;
        padding:0 !important;
        overflow:hidden !important;
    }

    .nav-container{
        height:86px !important;
        min-height:86px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        padding-left:26px !important;
        padding-right:22px !important;
    }

    .desktop-center-menu,
    .desktop-actions{
        display:none !important;
    }

    .site-logo,
    .navbar-brand.logo{
        min-width:0 !important;
        max-width:48% !important;
        height:86px !important;
        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        gap:9px !important;
        padding:0 !important;
        margin:0 !important;
    }

    .site-logo .logo-mark{
        width:46px !important;
        height:46px !important;
        min-width:46px !important;
        border-radius:12px !important;
        font-size:22px !important;
        box-shadow:none !important;
    }

    .site-logo .logo-text{
        font-size:25px !important;
        line-height:1 !important;
        white-space:nowrap !important;
        color:#071f38 !important;
        font-weight:950 !important;
        margin:0 !important;
    }

    .mobile-top-tools{
        display:flex !important;
        align-items:center !important;
        gap:18px !important;
        margin-left:auto !important;
    }

    .mobile-currency-select{
        display:block !important;
        width:auto !important;
        border:0 !important;
        background:transparent !important;
        color:#fff !important;
        font-size:24px !important;
        font-weight:950 !important;
        outline:0 !important;
        padding:0 4px !important;
    }

    .mobile-currency-select option{
        color:#111 !important;
    }

    .mobile-menu-btn{
        display:grid !important;
        place-items:center !important;
        width:44px !important;
        height:44px !important;
        border:0 !important;
        background:transparent !important;
        color:#fff !important;
        font-size:32px !important;
        padding:0 !important;
        margin:0 !important;
        box-shadow:none !important;
    }

    .mobile-menu-btn i{
        color:#fff !important;
    }

    .page-main{
        padding-top:86px !important;
    }

    .mobile-offcanvas{
        max-width:86vw !important;
        background:#fff !important;
        color:#071f38 !important;
    }

    .mobile-drawer-logo{
        height:auto !important;
        flex-direction:row !important;
        max-width:75% !important;
    }

    .mobile-drawer-logo .logo-mark{
        width:44px !important;
        height:44px !important;
        min-width:44px !important;
    }

    .mobile-drawer-logo .logo-text{
        font-size:25px !important;
    }

    .mobile-menu-links a,
    .mobile-logout-form button{
        width:100% !important;
        border:0 !important;
        display:flex !important;
        align-items:center !important;
        gap:12px !important;
        padding:15px 16px !important;
        border-radius:16px !important;
        background:#effaf4 !important;
        color:#071f38 !important;
        font-weight:900 !important;
        text-align:left !important;
    }

    .mobile-logout-form{
        margin:0 !important;
        padding:0 !important;
    }
}