@import "./foundation/fonts.css";
@import "./foundation/base.css";
@import "./foundation/surfaces.css";
@import "./layout-system/shell.css";
@import "./content-elements/section.css";
@import "./content-elements/image.css";
@import "./content-elements/slideshow.css";
@import "./content-elements/carousel.css";
@import "./content-elements/events.css";
@import "./content-elements/news.css";
@import "./content-elements/social.css";
@import "./content-elements/documents.css";
@import "./content-elements/gallery.css";
@import "./content-elements/hero.css";
@import "./content-elements/cards.css";
@import "./content-elements/partners-logos.css";
@import "./content-elements/cta.css";
@import "./content-elements/faq.css";
@import "./content-elements/grid.css";

/* Cache-safe mobile drawer guard. Keep here because app.css is the TYPO3
   cache-busted entrypoint, while imported module CSS may be cached by devices. */
html,
body {
  overflow-x: hidden;
}

.wwc-page-header__mobile-overlay[hidden],
.wwc-page-header__mobile-drawer[hidden] {
  display: none;
}

.wwc-page-header__mobile-drawer {
  inset-block: 0;
  inset-inline-end: 0;
  box-sizing: border-box;
  max-width: 100vw;
  max-height: 100dvh;
  overscroll-behavior: contain;
  overflow-x: hidden;
  contain: layout paint;
  backface-visibility: hidden;
  will-change: transform;
}

/* Cache-safe slideshow guards for the public app.css entrypoint. */
.wwc-slideshow[data-slideshow-loop="enabled"]:not(.is-initialized) .wwc-slideshow__track {
  transform: translateX(-100%);
}

.wwc-slideshow--variant-viewport.wwc-block-surface--flush-top,
.wwc-slideshow--height-viewport.wwc-block-surface--flush-top {
  padding-bottom: 0;
}