/*
  Oloropa index viewport boundary fix — 2026-07-01
  Principal rendering sweep: one root scrollbar, no hero/footer spatial bleed,
  and no nested vertical scroll tracks inside the route intelligence interface.
*/
html:has(body[data-oloropa-page="index.php"]),
html[data-ol-index-viewport-stable="true"]{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  scrollbar-gutter:stable!important;
  background:#2B211A!important;
}

html body[data-oloropa-page="index.php"],
html body[data-oloropa-page="index.php"].ix-scroll-locking,
html body[data-oloropa-page="index.php"].ol-phase1-structure-ready{
  width:100%!important;
  max-width:100%!important;
  min-height:100%!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  overflow-x:clip!important;
  overflow-y:clip!important;
  overscroll-behavior-y:auto!important;
  background:#2B211A!important;
}

@supports not (overflow:clip){
  html body[data-oloropa-page="index.php"],
  html body[data-oloropa-page="index.php"].ix-scroll-locking,
  html body[data-oloropa-page="index.php"].ol-phase1-structure-ready{
    overflow-x:hidden!important;
    overflow-y:visible!important;
  }
}

html body[data-oloropa-page="index.php"] > #main-content,
html body[data-oloropa-page="index.php"].ol-phase1-structure-ready > #main-content{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
  gap:0!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
  contain:none!important;
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
  background:#2B211A!important;
  transform:none!important;
  translate:none!important;
}

html body[data-oloropa-page="index.php"]::before,
html body[data-oloropa-page="index.php"]::after,
html body[data-oloropa-page="index.php"] #main-content::before,
html body[data-oloropa-page="index.php"] #main-content::after,
html body[data-oloropa-page="index.php"] > footer.ol-cc-footer::after{
  content:none!important;
  display:none!important;
}

html body[data-oloropa-page="index.php"] #main-content > section,
html body[data-oloropa-page="index.php"] #main-content > [id],
html body[data-oloropa-page="index.php"] #main-content > :first-child{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  margin-block:0!important;
  transform:none!important;
  translate:none!important;
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
  box-sizing:border-box!important;
}

/* Hero boundary: the first visual section owns the very top of the document. */
html body[data-oloropa-page="index.php"] #main-content > #home-hero.ol-o5-award-hero,
html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero{
  order:0!important;
  position:relative!important;
  inset:auto!important;
  top:0!important;
  margin:0!important;
  margin-block:0!important;
  min-height:clamp(560px,82svh,780px)!important;
  height:auto!important;
  padding-top:calc(var(--ol-public-header-height,76px) + clamp(.95rem,2svh,1.55rem))!important;
  padding-right:clamp(1rem,5vw,5rem)!important;
  padding-bottom:clamp(2rem,5svh,4.25rem)!important;
  padding-left:clamp(1rem,5vw,5rem)!important;
  display:grid!important;
  align-items:center!important;
  align-content:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#2B211A!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > :is(.ol-o5-award-media,.ol-o5-award-telemetry),
html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero :is(.ol-o5-award-video,.ol-o5-award-placeholder,.ol-o5-award-depth,.ol-o5-award-mask){
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  transform:none!important;
  translate:none!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-media{
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero > .ol-o5-award-telemetry{
  z-index:1!important;
  pointer-events:none!important;
  opacity:.30!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-video{
  object-fit:cover!important;
  object-position:center!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-video.is-active,
html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-video[autoplay]{
  opacity:1!important;
}

html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero .ol-o5-award-content{
  position:relative!important;
  z-index:5!important;
  width:min(1440px,100%)!important;
  margin:0 auto!important;
  transform:none!important;
  translate:none!important;
}

/* Route-intelligence: remove independent vertical scroll contexts while preserving horizontal rails. */
html body[data-oloropa-page="index.php"] #route-intelligence-theatre.ol-o6-route-theatre-final{
  order:1!important;
  position:relative!important;
  width:100%!important;
  max-width:100vw!important;
  min-width:0!important;
  margin:0!important;
  margin-block:0!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
  contain:paint!important;
  isolation:isolate!important;
  background:#2B211A!important;
}

html body[data-oloropa-page="index.php"] #route-intelligence-theatre :is(
  .ol-o5-route-theatre-shell,
  .ol-o7-route-intelligence-split,
  .ol-o5-route-theatre-copy,
  .ol-o7-route-media-left,
  .ol-o5-route-theatre-grid,
  .ol-o7-route-decisions-right,
  .ol-pro-route-list,
  .route-tiles
){
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:visible!important;
  scrollbar-width:none!important;
  box-sizing:border-box!important;
}

html body[data-oloropa-page="index.php"] #route-intelligence-theatre :is(.ol-pro-route-list,.route-tiles,.ol-o5-route-theatre-grid,.ol-o7-route-decisions-right)::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

html body[data-oloropa-page="index.php"] #route-intelligence-theatre :is(.ol-o5-route-theatre-shell,.ol-o7-route-intelligence-split){
  width:min(1480px,100%)!important;
  margin-inline:auto!important;
  overflow-x:visible!important;
}

html body[data-oloropa-page="index.php"] :is(.ix-horizontal-rail,.pk-rail,.pd-related,.ol-gallery-thumbs,.ol-stay-canvas){
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
}

/* Footer boundary: footer is the terminal block; no phantom reserve below it. */
html body[data-oloropa-page="index.php"] #main-content + footer.ol-cc-footer,
html body[data-oloropa-page="index.php"] > footer.ol-cc-footer{
  position:relative!important;
  display:block!important;
  flex:none!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  margin-block:0!important;
  padding-bottom:max(1.35rem,env(safe-area-inset-bottom))!important;
  transform:none!important;
  translate:none!important;
  clear:both!important;
  overflow:hidden!important;
  contain:none!important;
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
  background:#2B211A!important;
}

html body[data-oloropa-page="index.php"] > footer.ol-cc-footer > :last-child,
html body[data-oloropa-page="index.php"] > footer.ol-cc-footer .ol-cc-footer-bottom{
  margin-bottom:0!important;
}

html body[data-oloropa-page="index.php"] > footer.ol-cc-footer ~ :is(script,style,template){
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:900px){
  html body[data-oloropa-page="index.php"] #main-content > #home-hero.ol-o5-award-hero,
  html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero{
    min-height:clamp(520px,78svh,700px)!important;
    padding-top:calc(var(--ol-public-header-height,66px) + 1rem)!important;
    padding-bottom:2rem!important;
    align-items:center!important;
    align-content:center!important;
  }
}

@media(max-width:640px){
  html body[data-oloropa-page="index.php"] #main-content > #home-hero.ol-o5-award-hero,
  html body[data-oloropa-page="index.php"] #home-hero.ol-o5-award-hero{
    min-height:clamp(500px,76svh,660px)!important;
    padding-inline:1rem!important;
  }
}