/* ENJAZ ALMOSANDA — V135.6 definitive global header controls.
   Loaded as a NEW stylesheet after every historical stylesheet to avoid stale CSS cache/order.
   Keep the approved charcoal/gold header; controls are white with dark text. */
:root{--ez-hdr-white:#fff;--ez-hdr-ink:#1b1c1e;--ez-hdr-gold:#c5a04a;}
html body.ez-site header.enjaz-global-header .ez-header-search,
html body.ez-site header.ez-header .ez-header-search,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-search,
html body.ez-site header.ez-header.is-scrolled .ez-header-search{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  border:1px solid #c5a04a!important;border-radius:28px!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.08)!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search input,
html body.ez-site header.ez-header .ez-header-search input,
html body.ez-site header.enjaz-global-header.is-scrolled .ez-header-search input,
html body.ez-site header.ez-header.is-scrolled .ez-header-search input{
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  color:#1b1c1e!important;-webkit-text-fill-color:#1b1c1e!important;
  caret-color:#a98532!important;opacity:1!important;border:0!important;
  box-shadow:inset 0 0 0 1000px #fff!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search input::placeholder,
html body.ez-site header.ez-header .ez-header-search input::placeholder{
  color:#777b7e!important;-webkit-text-fill-color:#777b7e!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search button,
html body.ez-site header.ez-header .ez-header-search button{
  background:#c5a04a!important;background-color:#c5a04a!important;background-image:none!important;
  color:#111213!important;-webkit-text-fill-color:#111213!important;
  border:0!important;box-shadow:none!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header .ez-header-search button svg,
html body.ez-site header.ez-header .ez-header-search button svg{
  stroke:#111213!important;color:#111213!important;fill:none!important;
}
html body.ez-site header.enjaz-global-header a.ez-header-login-icon-v88,
html body.ez-site header.ez-header a.ez-header-login-icon-v88,
html body.ez-site header.enjaz-global-header.is-scrolled a.ez-header-login-icon-v88,
html body.ez-site header.ez-header.is-scrolled a.ez-header-login-icon-v88{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#fff!important;background-color:#fff!important;background-image:none!important;
  color:#1b1c1e!important;-webkit-text-fill-color:#1b1c1e!important;
  border:1px solid #c5a04a!important;border-radius:28px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.08)!important;opacity:1!important;
  filter:none!important;text-shadow:none!important;
}
html body.ez-site header.enjaz-global-header a.ez-header-login-icon-v88 svg,
html body.ez-site header.ez-header a.ez-header-login-icon-v88 svg{
  stroke:#1b1c1e!important;color:#1b1c1e!important;fill:none!important;opacity:1!important;
}
html body.ez-site header.enjaz-global-header a.ez-header-login-icon-v88 .ez-header-login-label,
html body.ez-site header.ez-header a.ez-header-login-icon-v88 .ez-header-login-label{
  display:block!important;visibility:visible!important;opacity:1!important;
  color:#1b1c1e!important;-webkit-text-fill-color:#1b1c1e!important;text-shadow:none!important;
}
html body.ez-site header.enjaz-global-header a.ez-header-login-icon-v88:hover,
html body.ez-site header.ez-header a.ez-header-login-icon-v88:hover{
  background:#f3f1ea!important;background-color:#f3f1ea!important;
  color:#111213!important;-webkit-text-fill-color:#111213!important;border-color:#a98532!important;
}
/* Desktop navigation: readable sizing while preserving the existing order and brand layout. */
@media(min-width:1250px){
 html body.ez-site header.enjaz-global-header nav.enjaz-main-nav.ez-nav,
 html body.ez-site header.ez-header nav.enjaz-main-nav.ez-nav{gap:clamp(7px,.55vw,11px)!important}
 html body.ez-site header.enjaz-global-header nav.enjaz-main-nav.ez-nav>a,
 html body.ez-site header.enjaz-global-header nav.enjaz-main-nav.ez-nav>details>summary,
 html body.ez-site header.ez-header nav.enjaz-main-nav.ez-nav>a,
 html body.ez-site header.ez-header nav.enjaz-main-nav.ez-nav>details>summary{
   font-size:clamp(12px,.93vw,13px)!important;line-height:1.35!important;
   padding-inline:clamp(3px,.3vw,5px)!important;white-space:nowrap!important;
 }
}
@media(min-width:1101px) and (max-width:1249px){
 html body.ez-site header.enjaz-global-header nav.enjaz-main-nav.ez-nav>a,
 html body.ez-site header.enjaz-global-header nav.enjaz-main-nav.ez-nav>details>summary,
 html body.ez-site header.ez-header nav.enjaz-main-nav.ez-nav>a,
 html body.ez-site header.ez-header nav.enjaz-main-nav.ez-nav>details>summary{font-size:11.4px!important}
}


/* V135.9 — One approved ENJAZ + Saudi Vision 2030 banner across ALL public inner-page heroes.
   Homepage hero/carousel is intentionally excluded. Portal UI is intentionally excluded. */
html body.ez-site main .ez83-hero,
html body.ez-site main .enjaz-page-hero,
html body.ez-site main .hero.hero-short,
html body.ez-site main .ez-route-page-hero,
html body.ez-site main .v90-page-hero,
html body.ez-site main .ct-hero,
html body.ez-site main .ki-hero,
html body.ez-site main .v27-page-hero,
html body.ez-site main .ab-hero,
html body.ez-site main .ki-article-hero,
html body.ez-site main .hero:not(.ez-hero):not(.ez-home-v81) {
  position:relative!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(90deg,rgba(7,18,31,.34) 0%,rgba(7,18,31,.18) 52%,rgba(7,18,31,.30) 100%),
    url('/assets/enjaz-logistics-vision2030-inner-hero.png')!important;
  background-color:#dce8f5!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 44%!important;
  border-bottom:1px solid rgba(197,160,74,.45)!important;
}
html body.ez-site main .ez83-hero,
html body.ez-site main .enjaz-page-hero,
html body.ez-site main .ez-route-page-hero,
html body.ez-site main .v90-page-hero,
html body.ez-site main .ct-hero,
html body.ez-site main .ki-hero,
html body.ez-site main .v27-page-hero,
html body.ez-site main .ab-hero {
  min-height:360px!important;
  background-position:center 44%!important;
}
html body.ez-site main .ez83-hero > .ez-page-slideshow,
html body.ez-site main .ez-route-page-hero > .ez-page-slideshow,
html body.ez-site main .ki-hero > .ez-page-slideshow,
html body.ez-site main .v27-page-hero > .ez-page-slideshow,
html body.ez-site main .v94-hero-image,
html body.ez-site main .v90-page-hero > .v90-hero-photo {
  display:none!important;
}
html body.ez-site main .ez83-hero .ez83-hero-inner,
html body.ez-site main .enjaz-page-hero .enjaz-page-inner,
html body.ez-site main .v90-page-hero .v90-page-hero-inner,
html body.ez-site main .ct-hero .ct-container,
html body.ez-site main .ki-hero .ki-container,
html body.ez-site main .v27-page-hero .v27-inner,
html body.ez-site main .ab-hero .ab-container {
  position:relative!important;
  z-index:2!important;
}
@media(max-width:700px){
  html body.ez-site main .ez83-hero,
  html body.ez-site main .enjaz-page-hero,
  html body.ez-site main .hero.hero-short,
  html body.ez-site main .ez-route-page-hero,
  html body.ez-site main .v90-page-hero,
  html body.ez-site main .ct-hero,
  html body.ez-site main .ki-hero,
  html body.ez-site main .v27-page-hero,
  html body.ez-site main .ab-hero,
  html body.ez-site main .ki-article-hero,
  html body.ez-site main .hero:not(.ez-hero):not(.ez-home-v81) {
    background-position:58% center!important;
    background-size:auto 100%!important;
    min-height:300px!important;
  }
}


/* V136.0 — EXACT WHITE SEARCH + LOGIN PILL RESTORE.
   Broad header selectors intentionally avoid dependence on header variant classes. */
html body.ez-site header .ez-header-search,
html body.ez-site header form.ez-header-search,
html body.ez-site header.enjaz-global-header .ez-header-search,
html body.ez-site header.ez-header .ez-header-search {
  display:flex!important; align-items:center!important; justify-content:space-between!important;
  flex:0 0 124px!important; width:124px!important; min-width:124px!important; max-width:124px!important;
  height:34px!important; min-height:34px!important; max-height:34px!important;
  box-sizing:border-box!important; padding:2px!important; margin:0!important; gap:2px!important;
  background:#fff!important; background-color:#fff!important; background-image:none!important;
  border:1px solid #d4d4d4!important; border-radius:20px!important;
  box-shadow:none!important; opacity:1!important; overflow:hidden!important;
}
html body.ez-site header .ez-header-search input,
html body.ez-site header form.ez-header-search input {
  display:block!important; flex:1 1 auto!important; width:1px!important; min-width:0!important;
  height:28px!important; min-height:28px!important; max-height:28px!important;
  box-sizing:border-box!important; margin:0!important; padding:0 7px!important;
  border:0!important; border-radius:16px!important; outline:0!important;
  background:#fff!important; background-color:#fff!important; background-image:none!important;
  color:#252525!important; -webkit-text-fill-color:#252525!important; caret-color:#b18a2e!important;
  font-size:10px!important; line-height:28px!important; text-align:right!important;
  box-shadow:none!important; opacity:1!important;
}
html body.ez-site header .ez-header-search input::placeholder,
html body.ez-site header form.ez-header-search input::placeholder {
  color:#777!important; -webkit-text-fill-color:#777!important; opacity:1!important;
}
html body.ez-site header .ez-header-search button,
html body.ez-site header form.ez-header-search button {
  display:flex!important; flex:0 0 26px!important; align-items:center!important; justify-content:center!important;
  width:26px!important; min-width:26px!important; max-width:26px!important;
  height:26px!important; min-height:26px!important; max-height:26px!important;
  box-sizing:border-box!important; padding:0!important; margin:0!important;
  border:0!important; border-radius:50%!important;
  background:#c5a04a!important; background-color:#c5a04a!important; background-image:none!important;
  color:#171717!important; -webkit-text-fill-color:#171717!important; box-shadow:none!important;
}
html body.ez-site header .ez-header-search button svg,
html body.ez-site header form.ez-header-search button svg {
  display:block!important; width:15px!important; height:15px!important;
  stroke:#171717!important; color:#171717!important; fill:none!important;
}
html body.ez-site header a.ez-header-login-icon-v88,
html body.ez-site header a.ez-header-access-v93,
html body.ez-site header.enjaz-global-header a.ez-header-login-icon-v88,
html body.ez-site header.ez-header a.ez-header-login-icon-v88 {
  display:flex!important; flex:0 0 124px!important; align-items:center!important; justify-content:center!important;
  gap:5px!important; width:124px!important; min-width:124px!important; max-width:124px!important;
  height:34px!important; min-height:34px!important; max-height:34px!important;
  box-sizing:border-box!important; margin:0!important; padding:0 7px!important;
  border:1px solid #d4d4d4!important; border-radius:20px!important;
  background:#fff!important; background-color:#fff!important; background-image:none!important;
  color:#252525!important; -webkit-text-fill-color:#252525!important;
  box-shadow:none!important; filter:none!important; text-shadow:none!important; opacity:1!important;
  white-space:nowrap!important; overflow:hidden!important;
}
html body.ez-site header a.ez-header-login-icon-v88 svg,
html body.ez-site header a.ez-header-access-v93 svg {
  display:block!important; flex:0 0 14px!important; width:14px!important; height:14px!important;
  stroke:#252525!important; color:#252525!important; fill:none!important; opacity:1!important;
}
html body.ez-site header a.ez-header-login-icon-v88 .ez-header-login-label,
html body.ez-site header a.ez-header-access-v93 .ez-header-login-label {
  display:block!important; flex:0 1 auto!important; visibility:visible!important; opacity:1!important;
  max-width:none!important; overflow:visible!important;
  color:#252525!important; -webkit-text-fill-color:#252525!important;
  font-size:10px!important; font-weight:700!important; line-height:1!important;
  white-space:nowrap!important; text-shadow:none!important;
}
html body.ez-site header a.ez-header-login-icon-v88::after,
html body.ez-site header a.ez-header-access-v93::after {
  content:"⌄"!important; display:inline-block!important; flex:0 0 auto!important;
  margin-inline-start:1px!important; color:#c5a04a!important;
  font-size:12px!important; font-weight:900!important; line-height:1!important;
}
html body.ez-site header a.ez-header-login-icon-v88:hover,
html body.ez-site header a.ez-header-access-v93:hover {
  background:#fff!important; background-color:#fff!important;
  border-color:#d4d4d4!important; color:#252525!important;
  -webkit-text-fill-color:#252525!important;
}
html body.ez-site header .ez-header-search-tools,
html body.ez-site header .v81-header-tools {
  display:flex!important; align-items:center!important; gap:6px!important;
}
@media(max-width:1100px){
 html body.ez-site header .ez-header-search,
 html body.ez-site header form.ez-header-search {flex-basis:124px!important;width:124px!important;min-width:112px!important;max-width:124px!important}
 html body.ez-site header a.ez-header-login-icon-v88,
 html body.ez-site header a.ez-header-access-v93 {flex-basis:124px!important;width:124px!important;min-width:112px!important;max-width:124px!important}
}
@media(max-width:480px){
 html body.ez-site header .ez-header-search,
 html body.ez-site header form.ez-header-search {flex-basis:112px!important;width:112px!important;min-width:100px!important}
 html body.ez-site header a.ez-header-login-icon-v88,
 html body.ez-site header a.ez-header-access-v93 {flex-basis:112px!important;width:112px!important;min-width:100px!important}
}
