/* Mobile top side menu fix - safe add-on */

.nisaaMobileMenuBtn,
.nisaaMobileMenuBackdrop{
  display:none;
}

@media(max-width:820px){
  .nisaaMobileMenuBtn{
    display:flex !important;
    position:fixed !important;
    top:12px !important;
    right:12px !important;
    z-index:2147483000 !important;
    width:44px !important;
    height:44px !important;
    border:1px solid rgba(250,204,21,.35) !important;
    border-radius:14px !important;
    background:#111827 !important;
    color:#facc15 !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:24px !important;
    font-weight:900 !important;
    cursor:pointer !important;
    box-shadow:0 12px 28px rgba(0,0,0,.28) !important;
  }

  .nisaaMobileMenuBackdrop{
    display:none !important;
    position:fixed !important;
    inset:0 !important;
    z-index:2147482999 !important;
    background:rgba(2,6,23,.68) !important;
    backdrop-filter:blur(4px) !important;
    direction:rtl !important;
  }

  .nisaaMobileMenuBackdrop.open{
    display:block !important;
  }

  .nisaaMobileMenuDrawer{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    width:min(330px,86vw) !important;
    height:100vh !important;
    background:#0f172a !important;
    border-left:1px solid rgba(250,204,21,.25) !important;
    box-shadow:-22px 0 60px rgba(0,0,0,.42) !important;
    padding:18px 14px !important;
    overflow-y:auto !important;
    transform:translateX(105%) !important;
    transition:.24s ease !important;
  }

  .nisaaMobileMenuBackdrop.open .nisaaMobileMenuDrawer{
    transform:translateX(0) !important;
  }

  .nisaaMobileMenuTop{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:16px !important;
    padding-bottom:12px !important;
    border-bottom:1px solid rgba(250,204,21,.18) !important;
  }

  .nisaaMobileMenuTitle{
    color:#facc15 !important;
    font-size:20px !important;
    font-weight:900 !important;
  }

  .nisaaMobileMenuClose{
    border:0 !important;
    background:#1e293b !important;
    color:#fff !important;
    border-radius:999px !important;
    width:36px !important;
    height:36px !important;
    font-size:22px !important;
    font-weight:900 !important;
    cursor:pointer !important;
  }

  .nisaaMobileMenuLinks{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }

  .nisaaMobileMenuLinks a{
    display:block !important;
    text-decoration:none !important;
    color:#fff !important;
    background:#111827 !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:14px !important;
    padding:13px 14px !important;
    font-size:15px !important;
    font-weight:900 !important;
  }

  .nisaaMobileMenuLinks a.primary{
    background:#facc15 !important;
    color:#111827 !important;
  }

  body.nisaaMobileMenuNoScroll{
    overflow:hidden !important;
  }
}