/* V50.3 — Unified desktop/mobile header for Arabic and English */
.site-header{
  background:#fff!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  box-shadow:0 6px 22px rgba(15,23,42,.06)!important;
}

.site-header .container.nav{
  max-width:1320px!important;
  min-height:74px!important;
  padding-inline:18px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
}

.site-header .ms-brand{
  flex:0 0 auto!important;
  min-width:205px!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  text-decoration:none!important;
}

.site-header .ms-brand-mark,
.site-header .ms-brand-mark img{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  object-fit:contain!important;
}

.site-header .ms-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

.site-header .ms-brand-copy strong{
  font-size:16px!important;
  font-weight:900!important;
}

.site-header .ms-brand-copy small{
  font-size:10px!important;
  font-weight:800!important;
  color:#159bb2!important;
}

.site-header .menu{
  flex:1 1 auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:22px!important;
  white-space:nowrap!important;
}

.site-header .menu li{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}

.site-header .menu a{
  display:block!important;
  padding:27px 0 22px!important;
  color:#0f172a!important;
  text-decoration:none!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  border-bottom:2px solid transparent!important;
}

.site-header .menu a:hover,
.site-header .menu a.active{
  color:#009688!important;
  border-bottom-color:#159bb2!important;
}

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

.site-header .actions .btn-small{
  min-height:38px!important;
  padding:9px 13px!important;
  border-radius:9px!important;
  font-size:12px!important;
  white-space:nowrap!important;
}

.site-header .mobile-toggle{
  display:none!important;
}

@media (max-width:1180px) and (min-width:901px){
  .site-header .container.nav{
    gap:11px!important;
    padding-inline:12px!important;
  }
  .site-header .ms-brand{
    min-width:180px!important;
  }
  .site-header .menu{
    gap:14px!important;
  }
  .site-header .menu a{
    font-size:12.5px!important;
  }
  .site-header .actions .btn-small{
    padding:8px 10px!important;
    font-size:11px!important;
  }
}

@media (max-width:900px){
  .site-header .container.nav{
    min-height:68px!important;
    padding-inline:14px!important;
    justify-content:space-between!important;
  }
  .site-header .ms-brand{
    min-width:0!important;
  }
  .site-header .ms-brand-mark,
  .site-header .ms-brand-mark img{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
  }
  .site-header .ms-brand-copy strong{
    font-size:14px!important;
  }
  .site-header .ms-brand-copy small{
    font-size:9px!important;
  }
  .site-header .menu,
  .site-header .actions{
    display:none!important;
  }
  .site-header .mobile-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:10px!important;
  }
}