/* ==========================================================================
   Custom overrides — mobile design fixes
   Loaded after dist/css/styles.css
   ========================================================================== */

/* Mobile spectacle hero: reduce top padding so the inline icons in the
   cover_body WYSIWYG remain visible above the fold. */
@media (max-width: 767px) {
  .spectacle-cover.spectacle-cover {
    padding-top: 28vh;
  }
}

/* Program section: on mobile, the first acte's border-top is redundant with
   the section divider above it, producing a stacked double line. Suppress it
   on the first item only. */
@media (max-width: 767px) {
  .actes-list > .wysiwyg:first-child,
  .actes-list > .wysiwyg.js-reveal:first-child {
    border-top: 0;
    padding-top: 0;
  }
}

/* Yellow announcement banner: the whole bar is now wrapped in an <a>, but the
   default text color of links should not override the black banner text. */
.msg-sticky a.marqee,
.msg-sticky a.marqee:hover,
.msg-sticky a.marqee:visited {
  color: inherit;
  text-decoration: none;
}
.msg-sticky a.marqee .btn {
  pointer-events: none;
}

/* Gallery section header on mobile: the German "FOLGT UNS @LUMINI.SCENCE"
   string is longer than the French original and was wrapping to two lines.
   Force a single line and shrink the text so it still fits within the
   viewport on small screens. */
@media (max-width: 767px) {
  .gallery-follow-line {
    font-size: 0.95rem;
    line-height: 1.2;
    white-space: nowrap;
  }
  .gallery-follow-line big {
    font-size: 100%;
  }
}