/* Noor Al Jabal Sea Cargo — targeted V1-only refinements, 2026-11-14.
   Other design versions intentionally untouched. */

/* Header: slightly larger identity, with its original clear light surface. */
.theme-v1 .site-header { background:#f8fcfe; border-bottom:1px solid #d2e5ef; }
.theme-v1 .header-inner { min-height:103px; height:auto; padding-block:6px; gap:15px; }
.theme-v1 .brand { flex:0 0 284px; width:284px; max-width:284px; align-items:center; }
.theme-v1 .brand img {
  display:block; width:100%!important; height:91px!important; max-height:91px!important;
  max-width:100%!important; object-fit:contain!important; object-position:left center!important;
}

/* Homepage hero: actual photo is full viewport width, rather than a half-width card. */
.theme-v1.page-home .v1-hero { padding:0!important; min-height:645px; background:#0a3148; isolation:isolate; }
.theme-v1.page-home .v1-hero:before { display:none!important; }
.theme-v1.page-home .v1-hero:after {
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none;
  background:linear-gradient(90deg,rgba(5,33,53,.94) 0%,rgba(5,40,60,.84) 34%,rgba(6,40,60,.40) 66%,rgba(5,31,48,.10) 100%),
             linear-gradient(0deg,rgba(6,37,56,.48),transparent 50%);
}
.theme-v1.page-home .v1-hero .hero-grid {
  position:static!important; width:min(calc(100% - 80px),1280px)!important;
  min-height:645px; display:flex!important; align-items:center; padding:65px 0 76px;
  gap:0!important; margin-inline:auto;
}
.theme-v1.page-home .v1-hero .hero-copy {
  position:relative; z-index:3; width:100%; max-width:635px; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.15);
}
.theme-v1.page-home .v1-hero .hero-copy h1 { font-size:clamp(48px,5.9vw,84px); color:#fff; line-height:1.02; max-width:660px; }
.theme-v1.page-home .v1-hero .hero-copy h1 em { color:#ffe1b4; }
.theme-v1.page-home .v1-hero .hero-copy p { color:#edf7fb; max-width:550px; }
.theme-v1.page-home .v1-hero .hero-copy .eyebrow { color:#ffd5ae; }
.theme-v1.page-home .v1-hero .hero-meta span { color:#dce9f0; }
.theme-v1.page-home .v1-hero .hero-meta b { color:#fff; }
.theme-v1.page-home .v1-hero .btn-outline { border-color:#f6faff; color:#fff; }
.theme-v1.page-home .v1-hero .btn-outline:hover { color:#093454; background:#f2faff; }
.theme-v1.page-home .v1-hero .hero-media {
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
  min-height:0!important; padding:0!important; margin:0!important; opacity:1!important;
  transform:none!important; z-index:0; overflow:hidden;
}
.theme-v1.page-home .v1-hero .hero-media:before,
.theme-v1.page-home .v1-hero .hero-media:after,
.theme-v1.page-home .v1-hero .route-tag { display:none!important; }
.theme-v1.page-home .v1-hero .hero-media>.main-photo {
  position:absolute!important; inset:0; width:100%!important; height:100%!important;
  border:0; border-radius:0; box-shadow:none!important; overflow:hidden;
}
.theme-v1.page-home .v1-hero .hero-media picture img {
  width:100%!important; height:100%!important; object-fit:cover!important;
  object-position:center 53%!important;
}

/* Footer: light navy-blue wash across the whole area—no pasted-on white logo card. */
.theme-v1 .footer { background:linear-gradient(160deg,#f3f9fc 0%,#e4f0f6 56%,#d9eaf3 100%)!important; color:#153a54!important; }
.theme-v1 .footer .footer-brand>a {
  display:inline-flex!important; align-items:center!important; justify-content:flex-start!important;
  background:transparent!important; border:0!important; box-shadow:none!important;
  border-radius:0!important; padding:0!important; min-height:0!important;
  width:auto!important; max-width:100%!important;
}
.theme-v1 .footer .footer-brand>a img {
  width:187px!important; max-width:100%!important; height:auto!important; max-height:none!important;
  filter:none!important; object-fit:contain!important; object-position:left center!important;
}
.theme-v1 .footer p { color:#4d6577!important; }
.theme-v1 .footer h3,.theme-v1 .footer-main h3 { color:#145778!important; }
.theme-v1 .footer a:not(.btn),.theme-v1 .footer small,.theme-v1 .footer .footer-resource-links a { color:#1d435c; }
.theme-v1 .footer .footer-bottom { border-color:#b4cdd9!important; opacity:1; }
.theme-v1 .footer .footer-cta { color:#062c45; background:#eda477; }
.theme-v1 .footer .footer-socials .social-icon { color:#164763!important; border-color:#9bb8c9!important; }
.theme-v1 .footer .footer-contact p { color:#4d6577; }
.theme-v1 .footer .footer-bottom a:hover,
.theme-v1 .footer .footer-links a:hover,
.theme-v1 .footer .footer-contact>a:not(.btn):hover { color:#0b789e!important; }

@media(max-width:1180px){
  .theme-v1 .brand { flex-basis:250px; width:250px; max-width:250px; }
  .theme-v1 .brand img { height:87px!important; max-height:87px!important; }
  .theme-v1 .header-inner { gap:9px; }
  .theme-v1 .desktop-nav { gap:clamp(10px,1.5vw,21px); }
}
@media(max-width:900px){
  .theme-v1 .brand { flex:1 1 170px; width:auto; max-width:195px; }
  .theme-v1 .brand img { height:69px!important; max-height:69px!important; }
  .theme-v1 .header-inner { min-height:84px; padding-block:5px; gap:8px; }
  .theme-v1.page-home .v1-hero,.theme-v1.page-home .v1-hero .hero-grid { min-height:620px; }
  .theme-v1.page-home .v1-hero .hero-grid { width:calc(100% - 48px)!important; padding:58px 0 70px; }
  .theme-v1.page-home .v1-hero:after { background:linear-gradient(90deg,rgba(5,34,54,.96),rgba(5,36,54,.72) 65%,rgba(5,36,54,.34)); }
}
@media(max-width:640px){
  .theme-v1 .header-inner { min-height:72px; gap:6px; }
  .theme-v1 .brand { flex:1 1 auto; width:auto; min-width:0; max-width:150px; }
  .theme-v1 .brand img { height:59px!important; max-height:59px!important; width:100%!important; }
  .theme-v1 .menu-button { margin-left:0; flex:0 0 38px; order:1; }
  .theme-v1 .header-cta { margin-left:auto; order:2; flex:0 0 auto; }
  .theme-v1.page-home .v1-hero { min-height:625px; }
  .theme-v1.page-home .v1-hero .hero-grid { min-height:625px; width:calc(100% - 38px)!important; padding:44px 0 55px; }
  .theme-v1.page-home .v1-hero .hero-copy h1 { font-size:clamp(42px,11vw,60px); line-height:1.05; margin-block:13px 21px; }
  .theme-v1.page-home .v1-hero .hero-copy p { font-size:14px; line-height:1.65; margin-bottom:22px; }
  .theme-v1.page-home .v1-hero .hero-meta { gap:10px 18px; flex-wrap:wrap; margin-top:28px; }
  .theme-v1.page-home .v1-hero .hero-meta b { font-size:16px; }
  .theme-v1.page-home .v1-hero:after {
    background:linear-gradient(90deg,rgba(4,28,44,.92),rgba(5,35,52,.68)),
               linear-gradient(0deg,rgba(4,28,44,.73),rgba(5,32,48,.1) 75%);
  }
  .theme-v1.page-home .v1-hero .hero-media picture img { object-position:57% center!important; }
  .theme-v1 .footer .footer-brand>a img { width:159px!important; }
}
@media(max-width:375px){
  .theme-v1 .brand { max-width:135px; }
  .theme-v1 .brand img { height:54px!important; max-height:54px!important; }
  .theme-v1 .header-cta { font-size:10px; padding-inline:8px; }
  .theme-v1.page-home .v1-hero,.theme-v1.page-home .v1-hero .hero-grid { min-height:640px; }
}
@media(prefers-reduced-motion:reduce){
  .theme-v1.page-home .hero-media img { animation:none!important; }
}