/*
 * Shulah Navigation Engine Pro v4.2.9
 * طبقة إعدادات احترافية للقوائم والهيدر فوق v4.2.8 بدون حذف طبقات سابقة.
 */
:root{
  --shulah-nav-header-min-h: 96px;
  --shulah-nav-submenu-w: 340px;
  --shulah-nav-submenu-max-h: 620px;
  --shulah-nav-item-gap: 12px;
  --shulah-nav-item-radius: 999px;
  --shulah-nav-speed: 160ms;
}

.ngo-site-header{
  min-height: var(--shulah-nav-header-min-h) !important;
  z-index: var(--shulah-nav-z-header) !important;
}

@media (min-width:901px){
  .ngo-header-inner{
    max-width: min(var(--ngo-container,1180px), 94vw) !important;
    margin-inline: auto !important;
  }
  .ngo-nav-menu-align-start .ngo-main-menu > div > ul,
  .ngo-nav-menu-align-start .ngo-main-menu > ul,
  .ngo-nav-menu-align-start .ngo-main-menu #primary-menu{ justify-content:flex-start !important; }
  .ngo-nav-menu-align-end .ngo-main-menu > div > ul,
  .ngo-nav-menu-align-end .ngo-main-menu > ul,
  .ngo-nav-menu-align-end .ngo-main-menu #primary-menu{ justify-content:flex-end !important; }
  .ngo-nav-menu-align-space .ngo-main-menu > div > ul,
  .ngo-nav-menu-align-space .ngo-main-menu > ul,
  .ngo-nav-menu-align-space .ngo-main-menu #primary-menu{ justify-content:space-between !important; }
  .ngo-nav-menu-layout-wide .ngo-main-menu > div > ul,
  .ngo-nav-menu-layout-wide .ngo-main-menu > ul,
  .ngo-nav-menu-layout-wide .ngo-main-menu #primary-menu{ gap: calc(var(--shulah-nav-item-gap) + 6px) !important; }
  .ngo-nav-menu-layout-compact .ngo-main-menu > div > ul,
  .ngo-nav-menu-layout-compact .ngo-main-menu > ul,
  .ngo-nav-menu-layout-compact .ngo-main-menu #primary-menu{ gap: max(4px, calc(var(--shulah-nav-item-gap) - 5px)) !important; }
  .ngo-nav-menu-layout-compact .ngo-main-menu a{ padding-inline: 12px !important; min-height:38px !important; font-size:.88rem !important; }
  .ngo-nav-menu-layout-two-line .ngo-main-menu > div > ul,
  .ngo-nav-menu-layout-two-line .ngo-main-menu > ul,
  .ngo-nav-menu-layout-two-line .ngo-main-menu #primary-menu{ max-width: 980px !important; margin-inline:auto !important; }

  .ngo-main-menu a{
    border-radius: var(--shulah-nav-item-radius) !important;
  }
  .ngo-main-menu .menu-item-has-children > a:after,
  .ngo-main-menu .page_item_has_children > a:after{
    content: '⌄';
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:.8em;
    margin-inline-start:4px;
    color: currentColor;
    opacity:.72;
  }

  .shulah-nav-portal{
    width: var(--shulah-nav-submenu-w) !important;
    max-height: var(--shulah-nav-submenu-max-h) !important;
    transition-duration: var(--shulah-nav-speed) !important;
    scrollbar-width: thin;
    scrollbar-color: rgba(100,116,139,.45) transparent;
  }
  .shulah-nav-portal::-webkit-scrollbar{ width: 8px; }
  .shulah-nav-portal::-webkit-scrollbar-thumb{ background: rgba(100,116,139,.45); border-radius:999px; }

  .ngo-nav-no-internal-scroll .shulah-nav-portal{
    max-height: none !important;
    overflow: visible !important;
  }

  .ngo-nav-submenu-style-mega .shulah-nav-portal{
    width: min(var(--shulah-nav-submenu-w), calc(100vw - 32px)) !important;
    min-width: min(620px, calc(100vw - 32px)) !important;
    padding: 18px !important;
    border-radius: 0 0 28px 28px !important;
  }
  .ngo-nav-submenu-style-mega .shulah-nav-portal > ul{
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 8px 12px !important;
  }
  .ngo-nav-submenu-style-mega .shulah-nav-portal a{
    min-height: 48px !important;
    background:#fff !important;
    border:1px solid rgba(226,232,240,.75) !important;
  }

  .ngo-nav-submenu-style-vertical .shulah-nav-portal{
    width: min(380px, calc(100vw - 32px)) !important;
  }
  .ngo-nav-submenu-style-minimal .shulah-nav-portal{
    box-shadow:0 18px 45px rgba(15,23,42,.12) !important;
    border-radius:18px !important;
    padding:8px !important;
  }
  .ngo-nav-submenu-style-minimal .shulah-nav-portal:before{ display:none !important; }

  .ngo-nav-header-style-compact .ngo-header-inner{ padding-top:10px !important; gap:8px 16px !important; }
  .ngo-nav-header-style-compact .ngo-brand-logo img,
  .ngo-nav-header-style-compact .ngo-brand-logo .custom-logo{ max-height:52px !important; }
  .ngo-nav-header-style-centered .ngo-header-inner{ grid-template-columns:1fr !important; grid-template-areas:'brand' 'nav' !important; justify-items:center !important; }
  .ngo-nav-header-style-centered .ngo-brand{ justify-content:center !important; text-align:center !important; }
  .ngo-nav-header-style-glass .ngo-site-header{ background:rgba(255,255,255,.84)!important; backdrop-filter:blur(16px) saturate(160%) !important; }
  .ngo-nav-header-style-double .ngo-site-header:before{
    content:'منصة جمعية واحدة — إدارة ذكية للموقع والخدمات';
    display:block;
    font-size:.78rem;
    font-weight:800;
    color:#64748b;
    text-align:center;
    padding:6px 12px;
    border-bottom:1px solid rgba(226,232,240,.75);
    background:linear-gradient(90deg,#fff7ed,#fff,#eff6ff);
  }

  .ngo-nav-trigger-click .ngo-main-menu li:hover > .sub-menu,
  .ngo-nav-trigger-click .ngo-main-menu li:hover > .children{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

@media (max-width:900px){
  .ngo-nav-mobile-style-offcanvas .ngo-main-menu{
    position:fixed!important;
    top:var(--wp-adminbar-height,0)!important;
    bottom:0!important;
    right:0!important;
    left:auto!important;
    width:min(390px, 88vw)!important;
    max-height:none!important;
    border-radius:24px 0 0 24px!important;
    transform:translateX(105%)!important;
    display:block!important;
    visibility:hidden!important;
    opacity:0!important;
    transition:transform var(--shulah-nav-speed) ease, opacity var(--shulah-nav-speed) ease, visibility var(--shulah-nav-speed) ease!important;
  }
  .ngo-nav-mobile-style-offcanvas .ngo-main-menu.is-open{
    transform:translateX(0)!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .ngo-nav-mobile-style-fullscreen .ngo-main-menu{
    position:fixed!important;
    inset:var(--wp-adminbar-height,0) 0 0 0!important;
    width:auto!important;
    max-height:none!important;
    border-radius:0!important;
    padding:22px!important;
  }
  .ngo-nav-mobile-style-dropdown .ngo-main-menu{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    right:12px!important;
    left:12px!important;
  }
  html.ngo-mobile-menu-open:before{
    content:'';
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.42);
    z-index:calc(var(--shulah-nav-z-dropdown) - 2);
    backdrop-filter: blur(2px);
  }
  .ngo-main-menu.is-open{ z-index:var(--shulah-nav-z-dropdown)!important; }
  .ngo-mobile-toggle.is-active{ background:var(--shulah-nav-accent)!important; color:#fff!important; }
}