/* Offshore Hub final last-mile interface rules.
   Loaded after legacy/page/footer styles so shared chrome behaves consistently. */

:root{
  --oh-final-header-h:80px;
  --oh-final-hero-h:400px;
  --oh-final-line:rgba(0,152,214,.58);
  --oh-final-line-soft:rgba(74,133,175,.22);
  --oh-final-orange:#ff7a18;
}

html body .oh-real-header,
html body .page > .oh-real-header,
html body .site-shell > .oh-real-header{
  height:var(--oh-final-header-h)!important;
  min-height:var(--oh-final-header-h)!important;
  border-top:0!important;
  border-bottom:1px solid var(--oh-final-line)!important;
  background:linear-gradient(180deg,rgba(3,13,23,.99),rgba(1,9,16,.99))!important;
  box-shadow:none!important;
}

html body .oh-real-inner{
  height:var(--oh-final-header-h)!important;
  min-height:var(--oh-final-header-h)!important;
  max-width:1680px!important;
  margin:0 auto!important;
  padding:0 clamp(34px,4vw,60px)!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}

html body .oh-real-logo{
  width:238px!important;
  flex:0 0 238px!important;
  height:var(--oh-final-header-h)!important;
  padding:0 24px 0 0!important;
  border:0!important;
  box-shadow:none!important;
}

html body .oh-real-logo::before,
html body .oh-real-logo::after{
  display:none!important;
  content:none!important;
}

html body .oh-real-logo img{
  width:184px!important;
  max-width:184px!important;
  height:auto!important;
  max-height:54px!important;
  object-fit:contain!important;
}

html body .oh-real-nav{
  height:var(--oh-final-header-h)!important;
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  padding:0 10px!important;
  gap:4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body .oh-real-nav::before,
html body .oh-real-nav::after{
  display:none!important;
  content:none!important;
}

html body .oh-real-nav a{
  height:var(--oh-final-header-h)!important;
  min-height:var(--oh-final-header-h)!important;
  min-width:auto!important;
  padding:0 clamp(13px,1.25vw,20px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#dce6ef!important;
  font-size:14px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  position:relative!important;
}

html body .oh-real-nav a + a::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-2px!important;
  top:30px!important;
  bottom:30px!important;
  width:1px!important;
  background:var(--oh-final-line-soft)!important;
  transform:none!important;
  box-shadow:none!important;
}

html body .oh-real-nav a:hover,
html body .oh-real-nav a.active{
  color:var(--oh-final-orange)!important;
  background:transparent!important;
}

html body .oh-real-nav a::after{
  display:none!important;
  content:none!important;
}

html body .oh-real-nav a.active::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:38px!important;
  height:3px!important;
  transform:translateX(-50%)!important;
  background:var(--oh-final-orange)!important;
  border-radius:0!important;
  box-shadow:0 0 16px rgba(255,116,24,.55)!important;
}

html body .oh-real-actions{
  height:var(--oh-final-header-h)!important;
  margin-left:auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:11px!important;
  border:0!important;
  box-shadow:none!important;
}

html body .oh-real-actions::before,
html body .oh-real-actions::after{
  display:none!important;
  content:none!important;
}

html body .oh-real-lang,
html body .oh-real-live,
html body .oh-real-cta{
  height:42px!important;
  min-height:42px!important;
  border-radius:7px!important;
}

html body .oh-real-lang{
  padding:4px!important;
  gap:5px!important;
  background:rgba(5,18,30,.78)!important;
  border:1px solid rgba(255,116,24,.72)!important;
  box-shadow:none!important;
}

html body .oh-real-lang button{
  width:35px!important;
  height:32px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:5px!important;
}

html body .oh-real-lang button span{
  display:none!important;
}

html body .oh-real-lang img,
html body .oh-real-lang .lang-flag{
  display:block!important;
  width:22px!important;
  height:22px!important;
  max-width:22px!important;
  max-height:22px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

html body .oh-real-live{
  min-width:142px!important;
  padding:0 16px!important;
  border:1px solid rgba(0,150,215,.78)!important;
  background:rgba(5,20,33,.76)!important;
  box-shadow:none!important;
}

html body .oh-real-cta{
  min-width:126px!important;
  padding:0 20px!important;
  background:linear-gradient(180deg,#ff8528,#ff6810)!important;
  border:1px solid rgba(255,116,24,.86)!important;
  box-shadow:0 14px 30px rgba(255,104,16,.22)!important;
  font-size:13px!important;
  font-weight:950!important;
}

html body .page > section.hero.jobs-as-news-hero,
html body.news-dashboard-page .newsroom-v1 > section.newsroom-hero-v1.jobs-as-news-hero,
html body.legal-page section.legal-hero.jobs-as-news-hero{
  --oh-hero-h:var(--oh-final-hero-h)!important;
  --oh-unified-hero-h:var(--oh-final-hero-h)!important;
  height:var(--oh-final-hero-h)!important;
  min-height:var(--oh-final-hero-h)!important;
  max-height:var(--oh-final-hero-h)!important;
  overflow:hidden!important;
}

html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .page > section.hero.jobs-as-news-hero,
html body.home-index.jobs-page:not(.news-page):not(.about-page):not(.contact-page) .page > section.hero.jobs-as-news-hero > .hero-inner,
html body.jobs-page.home-index:not(.news-page):not(.about-page):not(.contact-page) .page > section.hero.jobs-as-news-hero,
html body.jobs-page.home-index:not(.news-page):not(.about-page):not(.contact-page) .page > section.hero.jobs-as-news-hero > .hero-inner,
html body.about-page .page > section.hero.jobs-as-news-hero,
html body.about-page .page > section.hero.jobs-as-news-hero > .hero-inner,
html body.contact-page .page > section.hero.jobs-as-news-hero,
html body.contact-page .page > section.hero.jobs-as-news-hero > .hero-inner{
  --oh-hero-h:var(--oh-final-hero-h)!important;
  --oh-unified-hero-h:var(--oh-final-hero-h)!important;
  height:var(--oh-final-hero-h)!important;
  min-height:var(--oh-final-hero-h)!important;
  max-height:var(--oh-final-hero-h)!important;
}

html body .page > section.hero.jobs-as-news-hero > .hero-inner,
html body.news-dashboard-page .newsroom-v1 > section.newsroom-hero-v1.jobs-as-news-hero,
html body.news-dashboard-page .newsroom-v1 > section.newsroom-hero-v1.jobs-as-news-hero > div,
html body.news-dashboard-page .newsroom-v1 > section.newsroom-hero-v1.jobs-as-news-hero .newsroom-hero-copy-v1,
html body.legal-page section.legal-hero.jobs-as-news-hero > .legal-hero-inner{
  height:var(--oh-final-hero-h)!important;
  min-height:var(--oh-final-hero-h)!important;
  max-height:var(--oh-final-hero-h)!important;
  padding-top:48px!important;
  padding-bottom:54px!important;
  align-content:center!important;
  overflow:visible!important;
}

html body .page > section.hero.jobs-as-news-hero .hero-copy{
  padding-top:0!important;
  padding-bottom:0!important;
}

html body .page > section.hero.jobs-as-news-hero .eyebrow,
html body.news-dashboard-page .newsroom-v1 > section.newsroom-hero-v1.jobs-as-news-hero .eyebrow{
  margin:0 0 12px!important;
  line-height:1.1!important;
}

html body .page > section.hero.jobs-as-news-hero .features{
  margin-top:24px!important;
  margin-bottom:0!important;
  gap:clamp(18px,3vw,42px)!important;
}

html body .page > section.hero.jobs-as-news-hero .home-hero-actions,
html body .page > section.hero.jobs-as-news-hero .hero-actions{
  margin-top:28px!important;
  margin-bottom:0!important;
  padding-bottom:8px!important;
}

@media (max-width:1280px){
  html body .oh-real-inner{
    padding:0 34px!important;
  }

  html body .oh-real-logo{
    width:230px!important;
    flex-basis:230px!important;
  }

  html body .oh-real-nav a{
    padding:0 13px!important;
  }
}

@media (max-width:980px){
  html body .oh-real-header,
  html body .page > .oh-real-header,
  html body .site-shell > .oh-real-header,
  html body .oh-real-inner{
    height:auto!important;
    min-height:0!important;
  }

  html body .oh-real-inner{
    flex-wrap:wrap!important;
    padding:14px 20px!important;
    row-gap:12px!important;
  }

  html body .oh-real-logo{
    height:48px!important;
    width:auto!important;
    flex:1 1 180px!important;
  }

  html body .oh-real-actions{
    height:auto!important;
  }

  html body .oh-real-nav{
    order:3!important;
    width:100%!important;
    height:auto!important;
    overflow-x:auto!important;
    padding:0!important;
  }

  html body .oh-real-nav a{
    height:46px!important;
    min-height:46px!important;
  }

  html body .page > section.hero.jobs-as-news-hero,
  html body.news-dashboard-page .newsroom-v1 > section.newsroom-hero-v1.jobs-as-news-hero,
  html body.legal-page section.legal-hero.jobs-as-news-hero{
    height:auto!important;
    min-height:400px!important;
    max-height:none!important;
  }
}