/* ===============================================
   NUJIZ GLOBAL MOBILE TOOL HEADER
=============================================== */

@media (min-width:851px){

    html body .menu-toggle,
    html body .mobile-menu-toggle,
    html body .nujiz-mobile-menu-toggle{
        display:none !important;
    }
}


@media (max-width:850px){

    html body .site-header,
    html body .nujiz-tool-header{
        position:relative !important;
        z-index:999900 !important;
        overflow:visible !important;
    }


    html body .site-header .header-inner,
    html body .nujiz-tool-header .nujiz-header-wrap{
        position:relative !important;
        overflow:visible !important;
        min-height:64px !important;
    }


    /* =========================================
       زر ☰ — يشمل الكلاس القديم والجديد
    ========================================= */

    html body .site-header .menu-toggle,
    html body .site-header .mobile-menu-toggle,
    html body .site-header .nujiz-mobile-menu-toggle,
    html body .nujiz-tool-header .menu-toggle,
    html body .nujiz-tool-header .mobile-menu-toggle,
    html body .nujiz-tool-header .nujiz-mobile-menu-toggle{

        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;

        position:absolute !important;

        inset-inline-end:10px !important;

        top:50% !important;
        transform:translateY(-50%) !important;

        width:44px !important;
        height:44px !important;

        min-width:44px !important;
        min-height:44px !important;

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

        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;

        gap:5px !important;

        background:#1f2937 !important;

        border:1px solid rgba(255,255,255,.20) !important;
        border-radius:12px !important;

        box-shadow:
            0 6px 18px rgba(0,0,0,.20) !important;

        pointer-events:auto !important;
        cursor:pointer !important;

        z-index:2147483646 !important;
    }


    html body .site-header .menu-toggle span,
    html body .site-header .mobile-menu-toggle span,
    html body .site-header .nujiz-mobile-menu-toggle span,
    html body .nujiz-tool-header .menu-toggle span,
    html body .nujiz-tool-header .mobile-menu-toggle span,
    html body .nujiz-tool-header .nujiz-mobile-menu-toggle span{

        display:block !important;

        width:22px !important;
        height:2px !important;

        min-height:2px !important;

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

        background:#fff !important;

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

        opacity:1 !important;
        visibility:visible !important;

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


    /* =========================================
       ☰ يتحول إلى ×
    ========================================= */

    html body .nujiz-mobile-menu-toggle.is-open
    span:nth-child(1){

        transform:
            translateY(7px)
            rotate(45deg) !important;
    }


    html body .nujiz-mobile-menu-toggle.is-open
    span:nth-child(2){

        opacity:0 !important;
    }


    html body .nujiz-mobile-menu-toggle.is-open
    span:nth-child(3){

        transform:
            translateY(-7px)
            rotate(-45deg) !important;
    }


    /* =========================================
       إخفاء القائمة مبدئياً
    ========================================= */

    html body .site-header .main-nav,
    html body .nujiz-tool-header .nujiz-nav{

        display:none !important;

        position:absolute !important;

        top:calc(100% + 8px) !important;

        left:10px !important;
        right:10px !important;

        width:auto !important;

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

        flex-direction:column !important;
        align-items:stretch !important;

        gap:3px !important;

        background:#111827 !important;

        border:
            1px solid rgba(255,255,255,.14) !important;

        border-radius:16px !important;

        box-shadow:
            0 20px 50px rgba(0,0,0,.40) !important;

        opacity:1 !important;
        visibility:visible !important;

        z-index:2147483645 !important;
    }


    /* =========================================
       فتح القائمة
    ========================================= */

    html body .site-header .main-nav.is-open,
    html body .nujiz-tool-header .nujiz-nav.is-open{

        display:flex !important;
    }


    /* =========================================
       روابط القائمة
    ========================================= */

    html body .site-header .main-nav > a,
    html body .nujiz-tool-header .nujiz-nav > a{

        display:flex !important;
        align-items:center !important;

        width:100% !important;
        min-height:44px !important;

        box-sizing:border-box !important;

        margin:0 !important;
        padding:11px 14px !important;

        background:transparent !important;

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

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        opacity:1 !important;
        visibility:visible !important;

        font-family:"Tajawal",Arial,sans-serif !important;
        font-size:15px !important;
        font-weight:700 !important;

        line-height:1.5 !important;

        text-decoration:none !important;
    }


    html body .site-header .main-nav > a:hover,
    html body .site-header .main-nav > a:active,
    html body .nujiz-tool-header .nujiz-nav > a:hover,
    html body .nujiz-tool-header .nujiz-nav > a:active{

        background:#20283a !important;
        color:#fff !important;
        -webkit-text-fill-color:#fff !important;
    }
}


/* =====================================================
   FINAL: KEEP MOBILE MENU BESIDE LOGO
   DOM position controls placement — no absolute position
===================================================== */

@media (max-width:850px){

    html body .site-header .menu-toggle,
    html body .site-header .mobile-menu-toggle,
    html body .site-header .nujiz-mobile-menu-toggle,
    html body .nujiz-tool-header .menu-toggle,
    html body .nujiz-tool-header .mobile-menu-toggle,
    html body .nujiz-tool-header .nujiz-mobile-menu-toggle{

        position:relative !important;

        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;

        inset:auto !important;
        inset-inline-start:auto !important;
        inset-inline-end:auto !important;

        transform:none !important;

        margin:0 8px !important;

        flex:0 0 44px !important;

        display:flex !important;
        visibility:visible !important;
        opacity:1 !important;
    }


    /* صف الهيدر */
    html body .site-header .header-inner,
    html body .nujiz-tool-header .nujiz-header-wrap{

        display:flex !important;
        align-items:center !important;

        /* مهم: لا نستخدم space-between */
        justify-content:flex-start !important;

        gap:0 !important;

        overflow:visible !important;
    }


    /* الشعار لا يتمدد ويدفع زر القائمة */
    html body .site-header .brand,
    html body .nujiz-tool-header .nujiz-brand{

        flex:0 0 auto !important;

        margin:0 !important;
    }

}


/* =====================================================
   MOBILE HAMBURGER ICON — FORCE VISIBLE
===================================================== */

@media (max-width:850px){

    html body .site-header .nujiz-mobile-menu-toggle,
    html body .nujiz-tool-header .nujiz-mobile-menu-toggle{

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        position:relative !important;

        width:44px !important;
        height:44px !important;
        min-width:44px !important;
        min-height:44px !important;

        padding:0 !important;

        background:#1f2937 !important;

        border:1px solid rgba(255,255,255,.28) !important;
        border-radius:12px !important;

        opacity:1 !important;
        visibility:visible !important;

        overflow:visible !important;
    }


    /* نخفي الـ spans القديمة */
    html body .site-header .nujiz-mobile-menu-toggle span,
    html body .nujiz-tool-header .nujiz-mobile-menu-toggle span{

        display:none !important;
    }


    /*
     * الخط الأوسط
     */
    html body .site-header .nujiz-mobile-menu-toggle::before,
    html body .nujiz-tool-header .nujiz-mobile-menu-toggle::before{

        content:"" !important;

        position:absolute !important;

        left:50% !important;
        top:50% !important;

        width:22px !important;
        height:2px !important;

        background:#ffffff !important;

        border-radius:20px !important;

        transform:
            translate(-50%,-50%) !important;

        box-shadow:
            0 -7px 0 #ffffff,
            0 7px 0 #ffffff !important;

        opacity:1 !important;
        visibility:visible !important;

        z-index:5 !important;
    }


    /*
     * لا نحتاج after أثناء الإغلاق
     */
    html body .site-header .nujiz-mobile-menu-toggle::after,
    html body .nujiz-tool-header .nujiz-mobile-menu-toggle::after{

        content:"" !important;
        display:none !important;
    }


    /* ==========================================
       عند الفتح: ☰ يصبح ×
    ========================================== */

    html body .site-header
    .nujiz-mobile-menu-toggle.is-open::before,

    html body .nujiz-tool-header
    .nujiz-mobile-menu-toggle.is-open::before{

        box-shadow:none !important;

        transform:
            translate(-50%,-50%)
            rotate(45deg) !important;
    }


    html body .site-header
    .nujiz-mobile-menu-toggle.is-open::after,

    html body .nujiz-tool-header
    .nujiz-mobile-menu-toggle.is-open::after{

        content:"" !important;

        display:block !important;

        position:absolute !important;

        left:50% !important;
        top:50% !important;

        width:22px !important;
        height:2px !important;

        background:#ffffff !important;

        border-radius:20px !important;

        transform:
            translate(-50%,-50%)
            rotate(-45deg) !important;

        opacity:1 !important;
        visibility:visible !important;

        z-index:6 !important;
    }

}


/* =====================================================
   NUJIZ MOBILE MENU — REAL VISIBLE SYMBOL
===================================================== */

@media (max-width:850px){

  html body .site-header .nujiz-mobile-menu-toggle,
  html body .nujiz-tool-header .nujiz-mobile-menu-toggle{

    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;

    align-items:center !important;
    justify-content:center !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;

    padding:0 !important;

    background:#20283a !important;
    border:1px solid rgba(255,255,255,.25) !important;
    border-radius:12px !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-size:0 !important;

    overflow:visible !important;
  }


  /*
   * إلغاء رسومات hamburger السابقة
   */
  html body .site-header .nujiz-mobile-menu-toggle::before,
  html body .site-header .nujiz-mobile-menu-toggle::after,
  html body .nujiz-tool-header .nujiz-mobile-menu-toggle::before,
  html body .nujiz-tool-header .nujiz-mobile-menu-toggle::after{

    content:none !important;
    display:none !important;
  }


  /*
   * الرمز الحقيقي
   */
  html body .site-header
  .nujiz-mobile-menu-toggle .nujiz-menu-symbol,

  html body .nujiz-tool-header
  .nujiz-mobile-menu-toggle .nujiz-menu-symbol{

    display:block !important;
    visibility:visible !important;
    opacity:1 !important;

    position:static !important;

    width:auto !important;
    height:auto !important;

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

    background:none !important;
    border:0 !important;
    box-shadow:none !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-family:Arial,sans-serif !important;
    font-size:27px !important;
    font-weight:400 !important;

    line-height:1 !important;

    transform:none !important;
  }

}

/* =====================================================
   NUJIZ MOBILE HEADER — FINAL LAYOUT
===================================================== */

@media (max-width:850px){

  /* الهيدر */
  html body .site-header .header-inner,
  html body .nujiz-tool-header .nujiz-header-wrap{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    position:relative !important;
    overflow:visible !important;
  }

  /* الشعار */
  html body .site-header .brand,
  html body .nujiz-tool-header .nujiz-brand{
    order:1 !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }

  /* زر القائمة مباشرة بعد الشعار */
  html body .site-header #nujizMainMobileMenu,
  html body .nujiz-tool-header #nujizMainMobileMenu{
    order:2 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    position:relative !important;

    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    min-height:44px !important;

    margin-inline-start:10px !important;
    margin-inline-end:10px !important;

    padding:0 !important;

    background:#111827 !important;
    background-color:#111827 !important;

    border:2px solid #ffffff !important;
    border-radius:10px !important;

    visibility:visible !important;
    opacity:1 !important;

    z-index:2147483647 !important;

    isolation:isolate !important;
  }

  /* الرمز */
  html body #nujizMainMobileMenu .nujiz-menu-symbol{
    display:block !important;

    position:relative !important;
    z-index:2147483647 !important;

    visibility:visible !important;
    opacity:1 !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-family:Arial,sans-serif !important;
    font-size:28px !important;
    font-weight:700 !important;
    line-height:1 !important;

    width:auto !important;
    height:auto !important;

    background:transparent !important;
  }

  /* عناصر يمين الهيدر */
  html body .site-header .header-actions,
  html body .nujiz-tool-header .nujiz-header-actions{
    order:3 !important;
    margin-inline-start:auto !important;
  }

  /* القائمة المنسدلة */
  html body .site-header .main-nav,
  html body .nujiz-tool-header .nujiz-nav{
    order:4 !important;
    z-index:2147483646 !important;
  }

}


/* =====================================================
   NUJIZ MOBILE MENU ACCOUNT
===================================================== */

@media (max-width:850px){

  html body .main-nav .nujiz-mobile-account,
  html body .nujiz-nav .nujiz-mobile-account{

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;

    width:100% !important;

    margin:8px 0 0 !important;
    padding:14px 16px !important;

    border:0 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;

    background:transparent !important;

    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;

    font:inherit !important;
    font-size:15px !important;
    font-weight:700 !important;

    text-align:start !important;

    cursor:pointer !important;
  }

  html body .main-nav
  .nujiz-mobile-account-icon,

  html body .nujiz-nav
  .nujiz-mobile-account-icon{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    flex:0 0 26px !important;

    border-radius:50% !important;

    font-size:12px !important;
  }

  html body .main-nav
  .nujiz-mobile-account-text,

  html body .nujiz-nav
  .nujiz-mobile-account-text{

    display:inline !important;
    visibility:visible !important;
    opacity:1 !important;
  }

}


/* =====================================================
   NUJIZ MOBILE ACCOUNT MENU V1
===================================================== */

@media (max-width:850px){

  html body .main-nav .nujiz-mobile-account,
  html body .nujiz-nav .nujiz-mobile-account{

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;

    width:100% !important;

    padding:14px 16px !important;
    margin:6px 0 0 !important;

    border:0 !important;
    border-top:1px solid rgba(255,255,255,.12) !important;
    border-radius:0 !important;

    background:transparent !important;

    color:inherit !important;
    -webkit-text-fill-color:currentColor !important;

    font-family:inherit !important;
    font-size:15px !important;
    font-weight:700 !important;

    text-align:start !important;
    cursor:pointer !important;

    visibility:visible !important;
    opacity:1 !important;
  }

  html body .nujiz-mobile-account-icon{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    font-size:12px !important;
  }

  html body .nujiz-mobile-account-text{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
  }

}

/* =====================================================
   NUJIZ MOBILE LOGIN — HIGH VISIBILITY
===================================================== */

@media (max-width:850px){

  html body .site-header .main-nav .nujiz-mobile-account,
  html body .nujiz-tool-header .nujiz-nav .nujiz-mobile-account{

    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:11px !important;

    width:calc(100% - 20px) !important;

    margin:10px !important;
    padding:13px 14px !important;

    background:#1f2937 !important;

    border:1px solid rgba(255,255,255,.20) !important;
    border-radius:10px !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-family:inherit !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    text-decoration:none !important;
    text-shadow:none !important;

    visibility:visible !important;
    opacity:1 !important;
  }


  html body .site-header
  .nujiz-mobile-account .nujiz-mobile-account-text,

  html body .nujiz-tool-header
  .nujiz-mobile-account .nujiz-mobile-account-text{

    display:block !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.4 !important;

    visibility:visible !important;
    opacity:1 !important;
  }


  html body .site-header
  .nujiz-mobile-account .nujiz-mobile-account-icon,

  html body .nujiz-tool-header
  .nujiz-mobile-account .nujiz-mobile-account-icon{

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    background:#ffffff !important;
    color:#1f2937 !important;
    -webkit-text-fill-color:#1f2937 !important;

    border-radius:50% !important;

    font-size:12px !important;

    visibility:visible !important;
    opacity:1 !important;
  }

}

/* =====================================================
   MOBILE ACCOUNT: HIDE ON DESKTOP
===================================================== */

@media (min-width:851px){

  html body .nujiz-mobile-account{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

}

/* =====================================================
   NUJIZ MOBILE HEADER - RESTORE LINK CLICKS
===================================================== */

@media (max-width:850px){

    /* Header must allow its real links to receive taps */
    html body .site-header,
    html body .nujiz-tool-header{
        pointer-events:auto !important;
    }

    /* Logo */
    html body .site-header .brand,
    html body .site-header .brand *,
    html body .nujiz-tool-header .brand,
    html body .nujiz-tool-header .brand *{
        pointer-events:auto !important;
        position:relative !important;
        z-index:2147483647 !important;
    }

    /* Mobile navigation links */
    html body .site-header .main-nav > a,
    html body .site-header .main-nav > a *,
    html body .nujiz-tool-header .nujiz-nav > a,
    html body .nujiz-tool-header .nujiz-nav > a *{
        pointer-events:auto !important;
        position:relative !important;
        z-index:2147483647 !important;
        cursor:pointer !important;
        touch-action:manipulation !important;
    }

    /* The menu itself */
    html body .site-header .main-nav.is-open,
    html body .nujiz-tool-header .nujiz-nav.is-open{
        pointer-events:auto !important;
        z-index:2147483646 !important;
    }

    /* Decorative hamburger lines must never steal taps */
    html body .nujiz-mobile-menu-toggle::before,
    html body .nujiz-mobile-menu-toggle::after,
    html body .nujiz-mobile-menu-toggle span{
        pointer-events:none !important;
    }
}





/* NUJIZ - remove all obsolete floating menu remnants */
#nujizFloatBtn,
#nujizFloatPanel,
.nujiz-floating-menu,
.nujiz-floating-menu-button,
.nujiz-floating-menu-overlay{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/* =========================================================
   NUJIZ MOBILE EDGE MENU V1
========================================================= */

#nujizEdgeMenuButton,
#nujizEdgeMenuPanel,
#nujizEdgeMenuOverlay{
    display:none;
}


@media (max-width:850px){

    /* ================================
       FLOATING BUTTON
    ================================= */

    html body #nujizEdgeMenuButton{

        position:fixed !important;

        top:52% !important;
        right:8px !important;
        left:auto !important;

        width:50px !important;
        height:50px !important;

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

        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:center !important;

        gap:4px !important;

        border:1px solid rgba(255,255,255,.22) !important;
        border-radius:16px !important;

        background:
            linear-gradient(145deg,#7654ff,#5835ed)
            !important;

        box-shadow:
            0 12px 30px rgba(72,48,190,.30),
            0 4px 12px rgba(0,0,0,.18)
            !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;

        transform:
            translateY(-50%)
            translateX(75px)
            !important;

        z-index:2147483600 !important;

        transition:
            transform .3s cubic-bezier(.22,.8,.3,1),
            opacity .22s ease,
            visibility .22s ease
            !important;
    }


    html[lang^="en"] body #nujizEdgeMenuButton{

        left:8px !important;
        right:auto !important;

        transform:
            translateY(-50%)
            translateX(-75px)
            !important;
    }


    html body #nujizEdgeMenuButton.is-visible{

        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;

        transform:
            translateY(-50%)
            translateX(0)
            !important;
    }


    html body #nujizEdgeMenuButton span{

        display:block !important;

        width:21px !important;
        height:2px !important;

        min-height:2px !important;

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

        border-radius:20px !important;

        background:#fff !important;

        pointer-events:none !important;
    }



    /* ================================
       DARK OVERLAY
    ================================= */

    html body #nujizEdgeMenuOverlay{

        display:block !important;

        position:fixed !important;
        inset:0 !important;

        background:rgba(5,10,20,.35) !important;

        backdrop-filter:blur(2px) !important;
        -webkit-backdrop-filter:blur(2px) !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;

        z-index:2147483601 !important;

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


    html body #nujizEdgeMenuOverlay.is-open{

        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }



    /* ================================
       PANEL
    ================================= */

    html body #nujizEdgeMenuPanel{

        display:flex !important;
        flex-direction:column !important;

        position:fixed !important;

        top:50% !important;
        right:16px !important;
        left:auto !important;

        width:min(280px, calc(100vw - 45px)) !important;

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

        box-sizing:border-box !important;

        border:1px solid rgba(255,255,255,.14) !important;
        border-radius:22px !important;

        background:
            rgba(15,24,43,.97)
            !important;

        box-shadow:
            0 24px 65px rgba(0,0,0,.40)
            !important;

        backdrop-filter:blur(18px) !important;
        -webkit-backdrop-filter:blur(18px) !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;

        transform:
            translateY(-50%)
            translateX(calc(100% + 45px))
            scale(.95)
            !important;

        z-index:2147483602 !important;

        transition:
            transform .30s cubic-bezier(.22,.8,.3,1),
            opacity .22s ease,
            visibility .22s ease
            !important;
    }


    html[lang^="en"] body #nujizEdgeMenuPanel{

        left:16px !important;
        right:auto !important;

        transform:
            translateY(-50%)
            translateX(calc(-100% - 45px))
            scale(.95)
            !important;
    }


    html body #nujizEdgeMenuPanel.is-open{

        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;

        transform:
            translateY(-50%)
            translateX(0)
            scale(1)
            !important;
    }



    /* ================================
       PANEL HEADER
    ================================= */

    html body .nujiz-edge-head{

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        padding:5px 5px 10px !important;
    }


    html body .nujiz-edge-head strong{

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-size:17px !important;
        font-weight:900 !important;
    }


    html body .nujiz-edge-head button{

        width:34px !important;
        height:34px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:0 !important;

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

        background:#263149 !important;

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-size:22px !important;

        pointer-events:auto !important;
    }



    /* ================================
       PANEL LINKS
    ================================= */

    html body #nujizEdgeMenuPanel > a{

        width:100% !important;
        min-height:47px !important;

        display:flex !important;
        align-items:center !important;

        gap:11px !important;

        box-sizing:border-box !important;

        margin:0 !important;
        padding:7px 9px !important;

        border-radius:12px !important;

        text-decoration:none !important;

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        pointer-events:auto !important;
        touch-action:manipulation !important;
    }


    html body #nujizEdgeMenuPanel > a:active{

        background:#273249 !important;
    }


    html body #nujizEdgeMenuPanel > a i{

        width:34px !important;
        height:34px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 34px !important;

        border-radius:10px !important;

        background:
            rgba(117,82,255,.17)
            !important;

        color:#b99fff !important;
        -webkit-text-fill-color:#b99fff !important;

        font-size:12px !important;
        font-style:normal !important;
        font-weight:900 !important;

        pointer-events:none !important;
    }


    html body #nujizEdgeMenuPanel > a span{

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-size:14px !important;
        font-weight:800 !important;

        pointer-events:none !important;
    }

}


/* =========================================================
   NUJIZ EDGE ACCOUNT LOGIN V1
========================================================= */

@media (max-width:850px){

    html body #nujizEdgeMenuPanel
    .nujiz-edge-account{

        width:100% !important;
        min-height:50px !important;

        display:flex !important;
        align-items:center !important;

        gap:11px !important;

        box-sizing:border-box !important;

        margin:2px 0 8px !important;
        padding:7px 9px !important;

        border:1px solid
            rgba(123,92,255,.40) !important;

        border-radius:13px !important;

        background:
            linear-gradient(
                135deg,
                rgba(117,82,255,.22),
                rgba(83,55,210,.13)
            ) !important;

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        text-align:start !important;

        cursor:pointer !important;
        pointer-events:auto !important;
        touch-action:manipulation !important;

        box-shadow:
            inset 0 0 0 1px
            rgba(255,255,255,.025) !important;
    }


    html body #nujizEdgeMenuPanel
    .nujiz-edge-account:active{

        transform:scale(.98) !important;
    }


    html body #nujizEdgeMenuPanel
    .nujiz-edge-account i{

        width:34px !important;
        height:34px !important;

        flex:0 0 34px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border-radius:10px !important;

        background:
            linear-gradient(
                145deg,
                #7654ff,
                #5b39e8
            ) !important;

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-size:12px !important;
        font-style:normal !important;

        pointer-events:none !important;
    }


    html body #nujizEdgeMenuPanel
    .nujiz-edge-account span{

        color:#fff !important;
        -webkit-text-fill-color:#fff !important;

        font-size:14px !important;
        font-weight:900 !important;

        pointer-events:none !important;
    }


    html body #nujizEdgeMenuPanel
    .nujiz-edge-account.is-user{

        border-color:
            rgba(91,210,158,.35) !important;

        background:
            rgba(38,142,104,.14) !important;
    }

}