/* ==========================================================
   PART 6 - MOBILE
========================================================== */

    /* الشريط */

    #ftco-navbar{

        position:relative;

        display:flex;

        flex-direction:row;

        align-items:center;

    }

    .navbar-top{

        display:flex;
        align-items:center;
        justify-content:space-between;
        width:100%;

    }

    .navbar-left{

        display:flex;
        align-items:center;
        gap:14px;

    }

    .navbar-right{

        display:flex;
        align-items:center;
        margin-left:auto;

    }

    /* الشعار */

    .navbar-logo{

            order:1;

            display:flex;

            align-items:center;

            gap:10px;

            font-size:18px;


    }

    .navbar-logo img{

        width:36px;

        height:36px;

    }

    /* ===== Brand ===== */

    .brand-name{

        display:flex;

        align-items:center;

        font-size:24px;

        font-weight:800;

        letter-spacing:.4px;

        text-decoration:none;

    }

    .brand-main{

        color:#ffffff;

    }

    .brand-ai{

        color:#3b82f6;

        margin-left:2px;

    }

    /* Login */

    .login-dropdown{

        order:2;

        margin-left:auto;

        margin-right:15px;

    }

    /* زر ☰ */

    .navbar-toggler{

        display:block;

        order:3;

        font-size:30px;

        line-height:1;

    }

    /* القائمة */

    #ftco-nav{

        display:none;

        flex-direction:column;

        width:100%;

        margin-top:12px;

        gap:12px;

    }

    #ftco-nav{

        position:absolute;

        top:72px;
        left:16px;

        width:260px;

        display:none;

        flex-direction:column;

        background:var(--navbar-color);

        border-radius:14px;

        box-shadow:0 12px 30px rgba(0,0,0,.35);

        padding:10px;

        z-index:9999;

    }

    #ftco-nav.show{

        display:flex;

    }

    /* جميع الأقسام */

    .nav-left,
    .nav-center,
    .nav-right{

        width:100%;

    }

    .nav-right{

        display:flex;

        justify-content:flex-end;

    }

    #gamesMenu{

        margin-right:auto;

    }

    /* الروابط */

    .nav-link{

        width:100%;

        justify-content:flex-start;

        padding:12px 14px;

    }

    /* البحث */

    .searchform{

        width:100%;

        max-width:none;

    }

    /* صورة المستخدم */

    #navbarProfile{

        width:auto;
        padding:0;

    }

    /* القائمة المنسدلة */

    .dropdown-menu{

        position:absolute;

        top:calc(100% + 8px);

        left:0;

        width:260px;

        display:none;

        flex-direction:column;

        background:var(--card-color);

        border-radius:12px;

        box-shadow:0 12px 30px rgba(0,0,0,.18);

        border:none;

        z-index:10000;

    }

    .dropdown.show > .dropdown-menu{

        display:flex;

    }

/* قائمة Profile */

#profileDropdown{

    position:relative;

}

#profileMenu{

    right:0;

    left:auto;

    top:calc(100% + 8px);

}