/* ENJAZ V98 — approved header + real service photography + continuous identity wallpaper */
:root{
  --enjaz-black:#08090b;
  --enjaz-gold:#f7c600;
  --enjaz-white:#fff;
  --enjaz-text:#17191c;
  --enjaz-muted:#596168;
}

/* One continuous branded wallpaper from the top of every page to the footer. */
html, body.ez-site{
  min-height:100%;
  background-color:#f1f1ef!important;
}
body.ez-site{
  background-image:
    linear-gradient(rgba(255,255,255,.66),rgba(255,255,255,.66)),
    url('/assets/enjaz-global-wallpaper-v97.webp')!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat,no-repeat!important;
  background-attachment:fixed,fixed!important;
  color:var(--enjaz-text)!important;
}
body.ez-site main{
  background:transparent!important;
}
body.ez-site main :is(.ez83-section,.v27-section,.ct-content,.ki-content,.ez-route-section,.ez-home-section){
  background:rgba(255,255,255,.80)!important;
  backdrop-filter:blur(2px)!important;
}
body.ez-site main :is(.ez83-section.ez83-soft,.v27-section.v27-section-soft){
  background:rgba(255,255,255,.72)!important;
}

/* The exact common header arrangement from the user's reference: logo right,
   navigation centered, login/search/language controls on the left. */
html body.ez-site :is(header.enjaz-global-header,header.ez-header){
  width:100%!important;
  min-height:74px!important;
  height:auto!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:205px minmax(0,1fr) 390px!important;
  grid-template-areas:"brand nav tools"!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 24px!important;
  direction:rtl!important;
  background:#fff!important;
  border-bottom:2px solid var(--enjaz-gold)!important;
  box-shadow:0 5px 18px rgba(0,0,0,.07)!important;
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
}
html body.ez-site .enjaz-global-brand.ez-brand{
  grid-area:brand!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:205px!important;
  margin:0!important;
}
html body.ez-site .enjaz-global-brand.ez-brand img{
  display:block!important;
  width:190px!important;
  max-width:100%!important;
  height:52px!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:right center!important;
}
html body.ez-site nav.enjaz-main-nav.ez-nav{
  grid-area:nav!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(7px,.9vw,15px)!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
html body.ez-site nav.enjaz-main-nav.ez-nav>a,
html body.ez-site nav.enjaz-main-nav.ez-nav>details>summary{
  color:#111!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
  padding:7px 0!important;
  text-decoration:none!important;
}
html body.ez-site nav.enjaz-main-nav.ez-nav>details{position:relative!important}
html body.ez-site nav.enjaz-main-nav.ez-nav .enjaz-nav-dropdown-menu{
  background:#fff!important;
  border:1px solid rgba(247,198,0,.5)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.13)!important;
  border-radius:10px!important;
}
html body.ez-site .ez-header-search-tools.v81-header-tools{
  grid-area:tools!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
}
html body.ez-site .ez-header-search-tools .ez-header-login-icon-v88{
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:40px!important;
  padding:0 12px!important;
  border:1px solid #d7dadd!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#111!important;
  white-space:nowrap!important;
  font-size:11px!important;
  font-weight:800!important;
}
html body.ez-site .ez-header-search-tools .ez-header-search{
  order:2!important;
  width:180px!important;
  max-width:180px!important;
  min-width:135px!important;
  height:40px!important;
  margin:0!important;
}
html body.ez-site .ez-header-search-tools .ez-header-search input{
  height:40px!important;
  border-radius:22px!important;
  background:#fff!important;
  border:1px solid #d7dadd!important;
  font-size:11px!important;
}
html body.ez-site .ez-header-search-tools .ez-header-search button{
  width:38px!important;height:38px!important;
  background:var(--enjaz-gold)!important;color:#08090b!important;
  border:0!important;border-radius:50%!important;
}
html body.ez-site .ez-header-search-tools .ez-header-language{
  order:3!important;
  flex:0 0 40px!important;
  width:40px!important;height:40px!important;
}
html body.ez-site .ez-header-search-tools .ez-header-language>summary{
  display:grid!important;place-items:center!important;
  width:40px!important;height:40px!important;
  border-radius:50%!important;background:var(--enjaz-gold)!important;
  border:1px solid #d2a500!important;color:#08090b!important;
  font-size:12px!important;font-weight:900!important;
}
html body.ez-site .ez-mobile-toggle{display:none!important}

/* Hero areas: remove flat gray fills and restore real service-specific photos. */
html body.ez-site main :is(.ez83-hero,.v27-page-hero,.enjaz-page-hero,.ct-hero,.ki-hero,.v90-page-hero,.ez-route-page-hero,.ez-hero,.ab-hero,.hero-short,.ki-article-hero,.v94-track-panel,.enjaz-external-track-panel){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background-color:#17191c!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-position:center 48%!important;
}
html body.ez-site main :is(.ez83-hero,.v27-page-hero,.enjaz-page-hero,.ct-hero,.ki-hero,.v90-page-hero,.ez-route-page-hero,.ez-hero,.ab-hero,.hero-short,.ki-article-hero,.v94-track-panel,.enjaz-external-track-panel):before{
  content:""!important;
  position:absolute!important;inset:0!important;z-index:0!important;
  display:block!important;pointer-events:none!important;
  background:linear-gradient(90deg,rgba(8,9,11,.42),rgba(8,9,11,.62))!important;
}
html body.ez-site main :is(.ez83-hero,.v27-page-hero,.enjaz-page-hero,.ct-hero,.ki-hero,.v90-page-hero,.ez-route-page-hero,.ez-hero,.ab-hero,.hero-short,.ki-article-hero,.v94-track-panel,.enjaz-external-track-panel)>*{
  position:relative!important;z-index:1!important;
}
html body.ez-site main :is(.ez83-hero,.v27-page-hero,.enjaz-page-hero,.ct-hero,.ki-hero,.v90-page-hero,.ez-route-page-hero,.ez-hero,.ab-hero,.hero-short,.ki-article-hero,.v94-track-panel,.enjaz-external-track-panel) :is(h1,h2,h3,p,.eyebrow,.ez83-kicker,.ez83-crumb,.v27-kicker){
  color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
}
html body.ez-site main :is(.ez83-hero,.v27-page-hero,.enjaz-page-hero,.ct-hero,.ki-hero,.v90-page-hero,.ez-route-page-hero,.ab-hero,.hero-short){
  min-height:290px!important;
  height:auto!important;
  padding:28px 0!important;
}
html body.ez-site main .ez83-hero .ez83-hero-inner{
  padding:18px 0!important;
  max-width:900px!important;
}

/* Distinct real photos for each service and main content page. */
body.ez-site[data-page="about"] main :is(.ez83-hero,.ab-hero){
  background-image:url('/assets/almosanda-global-hero.jpg')!important;
  background-position:center 48%!important;min-height:310px!important;
}
body.ez-site[data-page="vision-2030"] main .v27-page-hero{
  background-image:url('/assets/user-airport-terminal-building.jpg')!important;
  background-position:center 48%!important;min-height:310px!important;
}
body.ez-site[data-page="air-freight"] main :is(.ez83-hero,.enjaz-page-hero){
  background-image:url('/assets/enjaz-user-airport-v84.jpg')!important;
}
body.ez-site[data-page="sea-freight"] main :is(.ez83-hero,.enjaz-page-hero){
  background-image:url('/assets/enjaz-user-ship-v84.jpg')!important;
}
body.ez-site[data-page="land-freight"] main :is(.ez83-hero,.enjaz-page-hero){
  background-image:url('/assets/enjaz-user-truck-containers-v84.webp')!important;
}
body.ez-site[data-page="customs-clearance"] main :is(.ez83-hero,.enjaz-page-hero){
  background-image:url('/assets/customs-clearance-saudi.jpg')!important;
}
body.ez-site[data-page="customs-consulting"] main .ez83-hero{
  background-image:url('/assets/user-customs-inspection.png')!important;
}
body.ez-site[data-page="customs"] main .ez83-hero{
  background-image:url('/assets/customs-clearance-saudi.jpg')!important;
}
body.ez-site[data-page="industrial-exemptions"] main .ez83-hero{
  background-image:url('/assets/industry-01.jpg')!important;
}
body.ez-site[data-page="saber-services"] main .ez83-hero{
  background-image:url('/assets/service-customs-01.jpg')!important;
}
body.ez-site[data-page="sfda-registration"] main .ez83-hero{
  background-image:url('/assets/user-customs-inspection.png')!important;
}
body.ez-site[data-page="warehousing"] main .ez83-hero{
  background-image:url('/assets/enjaz-user-warehouse-team-v84.jpg')!important;
}
body.ez-site[data-page="transport"] main .ez83-hero{
  background-image:url('/assets/enjaz-user-truck-containers-v84.webp')!important;
}
body.ez-site[data-page="shipping"] main .ez83-hero{
  background-image:url('/assets/user-cargo-ship.jpg')!important;
}
body.ez-site[data-page="business-solutions"] main .ez83-hero{
  background-image:url('/assets/user-cargo-ship.jpg')!important;
}
body.ez-site[data-page="industry-solutions"] main .v90-page-hero{
  background-image:url('/assets/industry-01.jpg')!important;
}
body.ez-site[data-page="value-added-services"] main .v90-page-hero{
  background-image:url('/assets/enjaz-user-warehouse-worker-v84.jpg')!important;
}
body.ez-site[data-page="help-center"] main .v90-page-hero{
  background-image:url('/assets/enjaz-global-logistics-hero-v35.jpg')!important;
}
body.ez-site[data-page="contact"] main .ct-hero{
  background-image:url('/assets/enjaz-user-airport-v84.jpg')!important;
}
body.ez-site[data-page="knowledge"] main .ki-hero{
  background-image:url('/assets/user-cargo-ship.jpg')!important;
}
body.ez-site[data-page="quote"] main .enjaz-page-hero{
  background-image:url('/assets/enjaz-user-airport-v84.jpg')!important;
  min-height:225px!important;padding:18px 0!important;
}
body.ez-site[data-page="track"] main :is(.v94-track-panel,.enjaz-external-track-panel){
  background-image:url('/assets/enjaz-user-port-yard-v84.jpg')!important;
  min-height:250px!important;
}
body.ez-site[data-page="routes"] main .ez-route-page-hero{
  background-image:url('/assets/user-cargo-ship.jpg')!important;
}
body.ez-site[data-page="tools"] main .ez-route-page-hero{
  background-image:url('/assets/enjaz-user-airport-v84.jpg')!important;
}
body.ez-site[data-page="pickup-request"] main .v90-page-hero{
  background-image:url('/assets/enjaz-user-warehouse-worker-v84.jpg')!important;
}
body.ez-site[data-page="services"] main .ez-route-page-hero{
  background-image:url('/assets/enjaz-global-logistics-hero-v35.jpg')!important;
}
body.ez-site.ez-home main>.ez-home-v81{
  background-image:linear-gradient(90deg,rgba(8,9,11,.25),rgba(8,9,11,.55)),url('/assets/enjaz-user-port-yard-v84.jpg')!important;
  min-height:410px!important;height:410px!important;max-height:410px!important;
}

/* Keep the home service strip directly below the hero, not an alternate header. */
body.ez-site.ez-home main>.ez-home-services-strip{
  margin:0!important;
  padding:9px 0!important;
  min-height:82px!important;
  background:rgba(255,255,255,.96)!important;
  border-top:2px solid var(--enjaz-gold)!important;
  border-bottom:1px solid rgba(8,9,11,.12)!important;
}

/* Keep brand palette consistent in all main calls-to-action. */
body.ez-site :is(.ez-btn.gold,.v48-tracktrace-submit,.enjaz-quote-submit,.ez-home-action-panel a,.ez-home-trackbar button){
  background:var(--enjaz-gold)!important;border-color:#d6a900!important;color:#08090b!important;font-weight:900!important;
}
body.ez-site footer.ez-footer,body.ez-site footer.site-foot{
  background:#08090b!important;color:#fff!important;border-top:2px solid var(--enjaz-gold)!important;
}

/* Responsive header keeps the same information hierarchy on tablet and phone. */
@media(max-width:1120px){
 html body.ez-site :is(header.enjaz-global-header,header.ez-header){
  grid-template-columns:170px minmax(0,1fr) 330px!important;
  padding:7px 14px!important;gap:6px!important;
 }
 html body.ez-site .enjaz-global-brand.ez-brand img{width:160px!important;height:48px!important}
 html body.ez-site nav.enjaz-main-nav.ez-nav{gap:6px!important}
 html body.ez-site nav.enjaz-main-nav.ez-nav>a,
 html body.ez-site nav.enjaz-main-nav.ez-nav>details>summary{font-size:10px!important}
}
@media(max-width:850px){
 html body.ez-site :is(header.enjaz-global-header,header.ez-header){
  display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;
  min-height:68px!important;padding:7px 12px!important;
 }
 html body.ez-site .enjaz-global-brand.ez-brand{order:1!important;width:auto!important}
 html body.ez-site .enjaz-mobile-toggle{display:flex!important;order:2!important}
 html body.ez-site .ez-header-search-tools.v81-header-tools{
  order:3!important;width:auto!important;max-width:100%!important;flex-wrap:wrap!important;
 }
 html body.ez-site nav.enjaz-main-nav.ez-nav{
  order:4!important;display:none!important;flex:0 0 100%!important;flex-wrap:wrap!important;
  justify-content:flex-start!important;white-space:normal!important;
 }
 html body.ez-site nav.enjaz-main-nav.ez-nav.is-open{display:flex!important}
 html body.ez-site .enjaz-global-brand.ez-brand img{width:155px!important;height:44px!important}
}
@media(max-width:560px){
 html body.ez-site .ez-header-search-tools .ez-header-login-icon-v88{padding:0 8px!important;font-size:10px!important}
 html body.ez-site .ez-header-search-tools .ez-header-search{width:132px!important;min-width:112px!important}
 html body.ez-site .ez-header-search-tools .ez-header-language{width:36px!important;height:36px!important;flex-basis:36px!important}
 html body.ez-site .ez-header-search-tools .ez-header-language>summary{width:36px!important;height:36px!important}
}