/* =========================================================
   NUJIZ INFO PAGES MOBILE FIX V1
   About / Privacy / Terms
========================================================= */


/* =========================
   DARK MODE
========================= */

html[data-theme="dark"] body,
html[data-theme-mode="dark"] body {
  background:#0d1119;
}


/* Main information pages */

html[data-theme="dark"] body main,
html[data-theme-mode="dark"] body main {
  background:#0d1119 !important;
  color:#d7dee9 !important;
}


html[data-theme="dark"] body main h1,
html[data-theme="dark"] body main h2,
html[data-theme="dark"] body main h3,
html[data-theme="dark"] body main h4,

html[data-theme-mode="dark"] body main h1,
html[data-theme-mode="dark"] body main h2,
html[data-theme-mode="dark"] body main h3,
html[data-theme-mode="dark"] body main h4 {
  color:#f4f6fa !important;
  -webkit-text-fill-color:#f4f6fa !important;
}


html[data-theme="dark"] body main p,
html[data-theme="dark"] body main li,
html[data-theme="dark"] body main dd,
html[data-theme="dark"] body main dt,

html[data-theme-mode="dark"] body main p,
html[data-theme-mode="dark"] body main li,
html[data-theme-mode="dark"] body main dd,
html[data-theme-mode="dark"] body main dt {
  color:#b9c3d2 !important;
  -webkit-text-fill-color:#b9c3d2 !important;
}


/* بطاقات صفحات المعلومات */

html[data-theme="dark"] body main section,
html[data-theme="dark"] body main article,
html[data-theme="dark"] body main .card,
html[data-theme="dark"] body main [class*="card"],
html[data-theme="dark"] body main [class*="content"],
html[data-theme="dark"] body main [class*="policy"],
html[data-theme="dark"] body main [class*="terms"],
html[data-theme="dark"] body main [class*="about"],

html[data-theme-mode="dark"] body main section,
html[data-theme-mode="dark"] body main article,
html[data-theme-mode="dark"] body main .card,
html[data-theme-mode="dark"] body main [class*="card"],
html[data-theme-mode="dark"] body main [class*="content"],
html[data-theme-mode="dark"] body main [class*="policy"],
html[data-theme-mode="dark"] body main [class*="terms"],
html[data-theme-mode="dark"] body main [class*="about"] {
  border-color:#2b3545 !important;
}


/* الروابط داخل المحتوى */

html[data-theme="dark"] body main a,
html[data-theme-mode="dark"] body main a {
  color:#a994ff;
}


/* =========================
   MOBILE HEADER
========================= */

@media (max-width:850px) {

  html body .site-header {
    display:block !important;
    position:relative !important;
    z-index:2147483000 !important;
    overflow:visible !important;
  }


  html body .site-header .wrap.header-inner,
  html body .site-header .header-inner {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

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

    box-sizing:border-box !important;

    padding:10px 14px !important;

    gap:8px !important;

    overflow:visible !important;
  }


  /* =========================
     LOGO
  ========================= */

  html body .site-header .brand {
    display:flex !important;
    align-items:center !important;

    flex:0 0 auto !important;

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

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


  html body .site-header .brand-mark {
    display:grid !important;
    place-items:center !important;

    width:42px !important;
    height:42px !important;

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

    background:transparent !important;

    border:0 !important;

    overflow:visible !important;
  }


  html body .site-header .brand-mark svg,
  html body .site-header .brand-mark img {
    display:block !important;

    width:42px !important;
    height:42px !important;

    max-width:42px !important;
    max-height:42px !important;

    object-fit:contain !important;
  }


  html[data-theme="dark"] body .site-header .brand-mark,
  html[data-theme-mode="dark"] body .site-header .brand-mark {
    background:transparent !important;
  }


  /* =========================
     HAMBURGER
  ========================= */

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

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

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

    flex:0 0 44px !important;

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

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

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

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

    position:relative !important;
    inset:auto !important;

    background:#181f2b !important;

    border:1px solid #30394a !important;
    border-radius:11px !important;

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

    font-size:22px !important;
    line-height:1 !important;

    pointer-events:auto !important;

    z-index:2147483646 !important;
  }


  html body .site-header .menu-toggle span,
  html body .site-header .nujiz-menu-symbol {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

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


  /* =========================
     HEADER ACTIONS
  ========================= */

  html body .site-header .header-actions {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    flex:0 0 auto !important;

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    height:44px !important;

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

    gap:8px !important;

    overflow:visible !important;
  }


  html[dir="rtl"] body .site-header .header-actions {
    margin:0 auto 0 0 !important;
  }


  /* اللغة */

  html body .site-header .lang-link {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

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

    flex:0 0 auto !important;

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

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

    white-space:nowrap !important;

    border-radius:10px !important;
  }


  html[data-theme="dark"] body .site-header .lang-link,
  html[data-theme-mode="dark"] body .site-header .lang-link {
    background:#1b2230 !important;

    border:1px solid #30394a !important;

    color:#f4f6fa !important;
    -webkit-text-fill-color:#f4f6fa !important;
  }


  /* =========================
     ORIGINAL NAV CLOSED
  ========================= */

  html body .site-header .main-nav:not(.is-open) {
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
  }


  /* =====================================================
     PORTAL MENU
     JS moves opened nav directly under BODY
  ===================================================== */

  html body > .main-nav.nujiz-info-mobile-nav {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;

    position:fixed !important;

    left:12px !important;
    right:12px !important;

    width:auto !important;
    max-width:none !important;
    min-width:0 !important;

    height:auto !important;
    max-height:calc(100dvh - 100px) !important;

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

    gap:7px !important;

    box-sizing:border-box !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;

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

    border:1px solid #30394a !important;
    border-radius:16px !important;

    box-shadow:
      0 24px 70px rgba(0,0,0,.72) !important;

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

    pointer-events:auto !important;

    transform:none !important;
    filter:none !important;

    z-index:2147483647 !important;
  }


  html body > .main-nav.nujiz-info-mobile-nav > a {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;

    position:relative !important;
    inset:auto !important;

    float:none !important;
    transform:none !important;

    flex:0 0 auto !important;

    box-sizing:border-box !important;

    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    min-height:46px !important;
    height:auto !important;

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

    background:#181f2b !important;

    border:1px solid #2d3747 !important;
    border-radius:11px !important;

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

    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.35 !important;

    text-align:left !important;
    text-decoration:none !important;

    white-space:normal !important;
  }


  html[dir="rtl"] body > .main-nav.nujiz-info-mobile-nav > a {
    text-align:right !important;
    justify-content:flex-start !important;
  }


  html body > .main-nav.nujiz-info-mobile-nav > a:hover,
  html body > .main-nav.nujiz-info-mobile-nav > a:focus {
    background:#202939 !important;
    border-color:#7251f5 !important;
  }


  /* ACCOUNT */

  html body > .main-nav.nujiz-info-mobile-nav > button,
  html body > .main-nav.nujiz-info-mobile-nav > .nujiz-mobile-login {

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

    position:relative !important;
    inset:auto !important;

    flex:0 0 auto !important;

    box-sizing:border-box !important;

    width:100% !important;
    max-width:none !important;
    min-width:0 !important;

    min-height:48px !important;

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

    background:#7251f5 !important;

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

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

    font-weight:700 !important;
  }


  html body > .main-nav.nujiz-info-mobile-nav > button *,
  html body > .main-nav.nujiz-info-mobile-nav > .nujiz-mobile-login * {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

}

/* NUJIZ INFO HEADER ACTIONS V3 */
@media (max-width:850px){

  html body .site-header .header-actions{
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    flex:0 0 auto !important;
  }

  /* الإنجليزية: اللغة + الوضع الداكن أقصى اليمين */
  html[dir="ltr"] body .site-header .header-actions{
    margin-left:auto !important;
    margin-right:0 !important;
  }

  /* العربية: اللغة + الوضع الداكن أقصى اليسار */
  html[dir="rtl"] body .site-header .header-actions{
    margin-right:auto !important;
    margin-left:0 !important;
  }

}