/* ENJAZ ALMOSANDA V19 — Arabic responsive header, CTA variants and page backgrounds.
   Overrides only presentation regressions; no content, forms, URLs or backend logic changed. */
:root{
  --enjaz-petrol:#171B20;
  --enjaz-turquoise:#FFD21A;
  --enjaz-coral:#FFD21A;
  --enjaz-coral-hover:#D9A900;
}

/* Keep the approved dark logistics artwork behind service-page heroes. */
html body main.enjaz-page-main > section.enjaz-page-hero{
  background-color:#171B20 !important;
  background-image:
    linear-gradient(90deg,rgba(3,31,38,.24),rgba(3,31,38,.58) 48%,rgba(3,31,38,.92)),
    url('/assets/almosanda-global-hero.jpg?v=19') !important;
  background-position:center 55% !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
html body.enjaz-sea-page main.enjaz-page-main > section.enjaz-page-hero{
  background-image:
    linear-gradient(90deg,rgba(3,31,38,.24),rgba(3,31,38,.58) 48%,rgba(3,31,38,.92)),
    url('/assets/sea-freight-hero-v15.jpg?v=19') !important;
  background-position:center 55% !important;
  background-size:cover !important;
}

/* Restore button hierarchy: primary coral, secondary outlined/transparent. */
html body .enjaz-page-btn.primary,
html body a.enjaz-page-btn.primary,
html body .enjaz-primary-button,
html body .enjaz-quote-submit,
html body .enjaz-page-actions a:not(.secondary){
  background:#FFD21A !important;
  background-color:#FFD21A !important;
  border:1px solid #FFD21A !important;
  color:#fff !important;
}
html body .enjaz-page-btn.secondary,
html body a.enjaz-page-btn.secondary,
html body .enjaz-secondary-button{
  background:rgba(255,255,255,.045) !important;
  background-color:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  color:#fff !important;
  box-shadow:none !important;
}
html body .enjaz-page-btn.secondary:hover,
html body .enjaz-secondary-button:hover{
  background:rgba(255, 210, 26,.16) !important;
  border-color:#FFD21A !important;
  color:#fff !important;
}
html body .enjaz-whatsapp-float,
html body a.enjaz-whatsapp-float,
html body a[href*="wa.me"]{
  background:#25D366 !important;
  background-color:#25D366 !important;
  border-color:#25D366 !important;
  color:#fff !important;
}

/* At tablet widths the desktop navigation cannot fit. Switch to the menu
   button before the links start colliding with the logo and language control. */
@media (max-width:1100px){
  html body header{min-height:76px !important;}
  html body header > div{
    width:100% !important;
    max-width:100% !important;
    min-height:76px !important;
    height:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
    gap:12px !important;
    box-sizing:border-box !important;
  }
  html body header nav#main-nav:not(.mobile-nav-visible){
    display:none !important;
  }
  html body header > div > div{
    display:none !important;
  }
  html body header button[aria-label="فتح القائمة"]{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    width:44px !important;
    height:44px !important;
    border:1px solid rgba(255, 210, 26,.45) !important;
    border-radius:10px !important;
    background:rgba(255, 210, 26,.10) !important;
    color:#fff !important;
  }
  html body header nav#main-nav.mobile-nav-visible{
    display:flex !important;
    position:fixed !important;
    top:84px !important;
    right:14px !important;
    left:14px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100dvh - 104px) !important;
    overflow-y:auto !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
    padding:10px !important;
    background:rgba(23, 27, 32,.98) !important;
    border:1px solid rgba(255, 210, 26,.48) !important;
    border-radius:14px !important;
    box-shadow:0 18px 48px rgba(0,0,0,.5) !important;
    z-index:10010 !important;
  }
  html body header nav#main-nav.mobile-nav-visible a{
    display:block !important;
    width:100% !important;
    padding:13px 14px !important;
    text-align:right !important;
    font-size:14px !important;
    line-height:1.6 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    background:transparent !important;
    color:#fff !important;
  }
  html body header nav#main-nav.mobile-nav-visible a:last-child{
    border-bottom:0 !important;
  }
}
@media (max-width:600px){
  html body main.enjaz-page-main > section.enjaz-page-hero{
    min-height:370px !important;
    padding:42px 0 34px !important;
    background-position:38% center !important;
  }
  html body .enjaz-page-actions{
    align-items:stretch !important;
    flex-direction:column !important;
  }
  html body .enjaz-page-actions .enjaz-page-btn{
    width:100% !important;
    min-height:48px !important;
    box-sizing:border-box !important;
  }
}

/* Homepage secondary CTA must remain outlined, not inherit the global coral CTA rule. */
html body .fs-unmask-airo-app-builder a.inline-flex[style*="border: 2px solid"],
html body .fs-unmask-airo-app-builder a.inline-flex[href="#services"]{
  background:rgba(255,255,255,.035) !important;
  background-color:rgba(255,255,255,.035) !important;
  border:2px solid rgba(255,255,255,.34) !important;
  color:#F7F7F5 !important;
  box-shadow:none !important;
}
html body .fs-unmask-airo-app-builder a.inline-flex[style*="border: 2px solid"]:hover,
html body .fs-unmask-airo-app-builder a.inline-flex[href="#services"]:hover{
  background:rgba(255, 210, 26,.16) !important;
  border-color:#FFD21A !important;
  color:#fff !important;
}