/* GATARD 1.13.1 — shared hero geometry, loaded after the historical page skins.
 * Symmetric padding and content-driven heights at every width. The existing
 * minimum heights, backgrounds, type scale and text widths remain page-owned.
 * Doubled root specificity is needed for the CMS styles saved in older pages.
 * No theme header or home slider selector belongs in this stylesheet.
 */
:is(
  #gatard-carte#gatard-carte .gatard-carte__hero,
  #gatard-locations#gatard-locations .gatard-locations__hero,
  #gatard-events#gatard-events .gatard-events__hero,
  #gatard-gallery#gatard-gallery .gatard-gallery__hero,
  #gatard-contact-page#gatard-contact-page .gatard-contact-hero-v3
) {
  --gatard-hero-space: clamp(64px, 5vw, 88px);
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

:is(
  #gatard-carte#gatard-carte .gatard-carte__hero-inner,
  #gatard-locations#gatard-locations .gatard-locations__hero-inner,
  #gatard-events#gatard-events .gatard-events__hero-inner,
  #gatard-gallery#gatard-gallery .gatard-gallery__hero-inner,
  #gatard-contact-page#gatard-contact-page .gatard-contact-hero-v3__inner
) {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: calc(100% - 30px) !important;
  min-width: 0 !important;
  max-width: 1800px !important;
  height: auto !important;
  min-height: inherit !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: var(--gatard-hero-space) 0 !important;
  text-align: center !important;
}

:is(
  #gatard-gallery#gatard-gallery .gatard-gallery__hero-copy,
  #gatard-contact-page#gatard-contact-page .gatard-contact-hero-v3__copy
) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

/* Centre only the home text column. Its media, slider and grid are untouched. */
#gatard-home#gatard-home .gatard-home__hero-copy {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: stretch !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  padding: clamp(36px, 4vw, 72px) 15px !important;
  text-align: center !important;
}

#gatard-home#gatard-home .gatard-home__hero-copy > .gatard-home__features {
  width: 100% !important;
}

/* Some saved skins align individual titles/paragraphs to the left. Limit this
 * correction to hero copy, including rich-text paragraphs inserted by the BO. */
:is(
  #gatard-home#gatard-home .gatard-home__hero-copy,
  #gatard-carte#gatard-carte .gatard-carte__hero-inner,
  #gatard-locations#gatard-locations .gatard-locations__hero-inner,
  #gatard-events#gatard-events .gatard-events__hero-inner,
  #gatard-gallery#gatard-gallery .gatard-gallery__hero-copy,
  #gatard-contact-page#gatard-contact-page .gatard-contact-hero-v3__copy
) > :is(h1, p, a, nav, [class*="eyebrow"], [class*="hero-text"], [class*="hero-actions"], [class*="hero-v3__actions"]) {
  min-width: 0 !important;
  margin-inline: auto !important;
  text-align: center !important;
  justify-content: center !important;
}

:is(
  #gatard-home#gatard-home .gatard-home__hero-copy,
  #gatard-carte#gatard-carte .gatard-carte__hero-inner,
  #gatard-locations#gatard-locations .gatard-locations__hero-inner,
  #gatard-events#gatard-events .gatard-events__hero-inner,
  #gatard-gallery#gatard-gallery .gatard-gallery__hero-copy,
  #gatard-contact-page#gatard-contact-page .gatard-contact-hero-v3__copy
) :is(h1, h1 *, .gatard-home__hero-text *) {
  white-space: normal !important;
  overflow-wrap: anywhere;
  text-align: center !important;
}

:is(
  #gatard-home#gatard-home .gatard-home__hero-copy,
  #gatard-carte#gatard-carte .gatard-carte__hero-inner,
  #gatard-locations#gatard-locations .gatard-locations__hero-inner,
  #gatard-events#gatard-events .gatard-events__hero-inner,
  #gatard-gallery#gatard-gallery .gatard-gallery__hero-copy,
  #gatard-contact-page#gatard-contact-page .gatard-contact-hero-v3__copy
) > :first-child {
  margin-top: 0 !important;
}

:is(
  #gatard-home#gatard-home .gatard-home__hero-copy,
  #gatard-carte#gatard-carte .gatard-carte__hero-inner,
  #gatard-locations#gatard-locations .gatard-locations__hero-inner,
  #gatard-events#gatard-events .gatard-events__hero-inner,
  #gatard-gallery#gatard-gallery .gatard-gallery__hero-copy,
  #gatard-contact-page#gatard-contact-page .gatard-contact-hero-v3__copy
) > :last-child {
  margin-bottom: 0 !important;
}