/**
 * No-JS / pre-initialisation fallback for the page banner carousel.
 *
 * Owl ships `.owl-carousel { display: none }` and only reveals the wrapper once its
 * JavaScript has added .owl-loaded. So if that script is blocked, deferred or throws, the
 * banner disappears entirely; and if Owl's stylesheet is unavailable as well (as during the
 * D11 cutover, when the library path pointed at an empty stub) the four slides fall back to
 * plain blocks and stack vertically, pushing the page down by ~1000px.
 *
 * Either way the banner is unusable. Show exactly one full-width slide instead, which is
 * what the carousel itself would display, whichever Owl asset is missing.
 *
 * Scoped to the banner view on purpose: the chapters grid is also an Owl carousel but is
 * meant to show several cards at once, so there "all items stacked" is the better no-JS
 * layout and is deliberately left alone.
 *
 * Added 2026-10-16; see docs/webserver/2026-10-16-meesi-migration-repair-plan.md
 */

.view-id-homepage_banner .owl-slider-wrapper:not(.owl-loaded) {
  display: block;
  position: relative;
  overflow: hidden;
}

.view-id-homepage_banner .owl-slider-wrapper:not(.owl-loaded) > div {
  width: 100%;
}

.view-id-homepage_banner .owl-slider-wrapper:not(.owl-loaded) > div:not(:first-child) {
  display: none;
}