/* Easy Scope header: single source of truth */
.es-header,
.site-header{
  position:relative!important;
  z-index:1000!important;
  min-height:76px!important;
  isolation:isolate;
}

.es-nav,
.site-nav{
  position:fixed!important;
  top:10px!important;
  right:clamp(16px,2vw,28px)!important;
  left:clamp(16px,2vw,28px)!important;
  width:auto!important;
  max-width:none!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  z-index:1000!important;
  height:76px!important;
  display:flex!important;
  align-items:center!important;
  gap:clamp(1rem,3vw,2.5rem)!important;
  padding:0 clamp(1rem,4vw,4.5rem)!important;
  direction:rtl!important;
  background:transparent!important;
  border-bottom:1px solid transparent!important;
  box-shadow:none!important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,backdrop-filter .3s ease!important;
  transform:none!important;
  pointer-events:auto!important;
  overflow:visible!important;
}

/* Scrolled fill — light mode */
.es-nav.scrolled,
.site-nav.scrolled{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid rgba(21,87,235,.14)!important;
  box-shadow:0 8px 32px rgba(11,29,42,.1)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* Scrolled fill — dark mode */
body.dark-mode .es-nav.scrolled,
body.dark-mode .site-nav.scrolled{
  background:rgba(5,10,24,.97)!important;
  border-bottom:1px solid rgba(21,87,235,.28)!important;
  box-shadow:0 8px 32px rgba(0,0,0,.32)!important;
}

.admin-bar .es-nav,
.admin-bar .site-nav,
body.admin-bar .es-nav,
body.admin-bar .site-nav{
  top:42px!important;
}

.es-logo,
.logo-wrap{
  order:1!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  text-decoration:none!important;
  direction:rtl!important;
}

.es-logo .custom-logo-link,
.logo-wrap .custom-logo-link{
  display:flex!important;
  align-items:center!important;
  max-width:min(250px,25vw)!important;
  line-height:0!important;
}

.es-logo .custom-logo,
.logo-wrap .custom-logo{
  display:block!important;
  width:auto!important;
  max-height:44px!important;
  object-fit:contain!important;
}

.es-logo-img{
  display:block;
  width:auto;
  max-height:44px;
  object-fit:contain;
}

.es-menu,
.nl{
  order:2!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(1rem,2.25vw,2rem)!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  position:static!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}

.es-menu li,
.nl li{
  margin:0!important;
  padding:0!important;
}

.es-menu li:last-child,
.nl li:last-child{
  position:static!important;
  transform:none!important;
}

.es-menu li:last-child a,
.nl li:last-child a,
.es-menu .cta,
.nl .cta{
  border:0!important;
  background:transparent!important;
  color:var(--dim)!important;
  padding:0!important;
  border-radius:0!important;
  margin:0!important;
  text-align:inherit!important;
}

.es-menu li:last-child a:hover,
.nl li:last-child a:hover,
.es-menu .cta:hover,
.nl .cta:hover{
  color:var(--gold)!important;
  background:transparent!important;
}

.es-menu li:last-child a::after,
.nl li:last-child a::after,
.es-menu .cta::after,
.nl .cta::after{
  display:block!important;
}

.es-actions,
.nav-actions{
  order:3!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.7rem!important;
  margin-inline-start:auto!important;
  direction:rtl!important;
  pointer-events:auto!important;
}

body.english-mode .es-nav,
body.english-mode .site-nav{
  direction:ltr!important;
}

body.english-mode .es-menu,
body.english-mode .nl{
  direction:ltr!important;
}

body.english-mode .es-actions,
body.english-mode .nav-actions{
  direction:ltr!important;
  margin-inline-start:auto!important;
}

.es-theme-toggle,
.es-lang-toggle,
.es-menu-toggle,
.theme-toggle,
.lang-toggle,
.menu-toggle{
  flex:0 0 auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:10px!important;
  pointer-events:auto!important;
  touch-action:manipulation;
}

.es-lang-toggle,
.lang-toggle{
  border:1px solid var(--bdr);
  background:rgba(255,255,255,.03);
  color:var(--gold);
  cursor:pointer;
  font-family:Rajdhani,Tajawal,sans-serif;
  font-size:.9rem;
  font-weight:800;
  letter-spacing:.6px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:background .2s,border-color .2s,color .2s;
}

.es-lang-toggle:hover,
.lang-toggle:hover{
  border-color:var(--gold);
  background:rgba(21,87,235,.07);
}

.es-menu-toggle,
.menu-toggle{
  display:none!important;
}

.site-main,
.elementor,
.elementor-front-page{
  position:relative;
  z-index:1!important;
}

@media(max-width:1020px){
  .es-nav,
  .site-nav{
    gap:1rem!important;
  }

  .es-menu,
  .nl{
    gap:.85rem!important;
  }

  .es-menu a,
  .nl a{
    font-size:.82rem!important;
  }
}

@media(max-width:782px){
  .admin-bar .es-nav,
  .admin-bar .site-nav,
  body.admin-bar .es-nav,
  body.admin-bar .site-nav{
    top:46px!important;
  }
}

@media(max-width:780px){
  .es-header,
  .site-header{
    min-height:68px!important;
  }

  .es-nav,
  .site-nav{
    height:68px!important;
    right:12px!important;
    left:12px!important;
    max-width:calc(100vw - 24px)!important;
    padding:0 1rem!important;
    gap:.75rem!important;
  }

  .es-logo,
  .logo-wrap{
    flex:1 1 auto!important;
  }

  .es-logo .custom-logo-link,
  .logo-wrap .custom-logo-link{
    max-width:min(210px,58vw)!important;
  }

  .es-logo .custom-logo,
  .logo-wrap .custom-logo{
    max-height:38px!important;
  }

  .es-actions,
  .nav-actions{
    margin-inline-start:0!important;
  }

  .es-theme-toggle,
  .es-lang-toggle,
  .es-menu-toggle,
  .theme-toggle,
  .lang-toggle,
  .menu-toggle{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
  }

  .es-menu-toggle,
  .menu-toggle{
    display:flex!important;
  }

  .es-menu,
  .nl{
    position:fixed!important;
    top:68px!important;
    right:1rem!important;
    left:1rem!important;
    z-index:999!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    width:auto!important;
    max-height:calc(100svh - 92px)!important;
    overflow:auto!important;
    padding:.45rem!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(20,107,255,.16)!important;
    border-radius:10px!important;
    box-shadow:0 24px 60px rgba(20,32,51,.16)!important;
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
    pointer-events:none!important;
  }

  body.dark-mode .es-menu,
  body.dark-mode .nl{
    background:rgba(5,10,24,.98)!important;
    box-shadow:0 26px 62px rgba(0,0,0,.36)!important;
  }

  .es-menu.is-open,
  .nl.is-open{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0)!important;
    pointer-events:auto!important;
  }

  .es-menu li a,
  .nl li a{
    display:block!important;
    padding:12px 14px!important;
    border-radius:8px!important;
  }
}

/* 4-logo switching */
.es-logo-multi .es-logo-img{display:none!important;max-height:44px;width:auto;object-fit:contain}
body:not(.dark-mode):not(.english-mode) .es-logo-multi [data-logo="ar-light"]{display:block!important}
body.dark-mode:not(.english-mode)       .es-logo-multi [data-logo="ar-dark"]{display:block!important}
body:not(.dark-mode).english-mode       .es-logo-multi [data-logo="en-light"]{display:block!important}
body.dark-mode.english-mode             .es-logo-multi [data-logo="en-dark"]{display:block!important}

@media(max-width:780px){
  .es-logo-multi .es-logo-img{max-height:38px}
}

@media(max-width:480px){
  .es-header,
  .site-header{min-height:62px!important}
  .es-nav,
  .site-nav{
    height:62px!important;
    top:8px!important;
    right:10px!important;
    left:10px!important;
    padding:0 .85rem!important;
  }
  .es-logo-multi .es-logo-img,.logo-wrap .custom-logo{max-height:32px!important}
  .es-theme-toggle,.es-lang-toggle,.es-menu-toggle,
  .theme-toggle,.lang-toggle,.menu-toggle{
    width:38px!important;height:38px!important;
    min-width:38px!important;min-height:38px!important;
  }
  .es-menu,.nl{top:62px!important}
}

@media(max-width:360px){
  .es-nav,.site-nav{padding:0 .7rem!important}
  .es-lang-toggle,.lang-toggle{display:none!important}
}