/*
 * GATARD Pro Pages 1.9.43 — accueil mobile, ajustements ciblés.
 * Cette couche conserve la stabilité CCM et ne modifie ni le header,
 * ni le menu rapide, ni le slider, ni les autres pages CMS.
 */

@media (max-width: 767px) {
  /*
   * Histoire : retour à la taille mobile prévue avant la 1.9.42.
   * Le titre suit l'alignement de l'eyebrow « Notre histoire ».
   */
  html body.page-index #gatard-home #gatard-home-story-title.gatard-home__section-title {
    width: 100% !important;
    max-width: 400px !important;
    margin: 0 0 15px !important;
    padding: 0 !important;
    font-size: clamp(35px, 9.7vw, 44px) !important;
    line-height: 1.065 !important;
    letter-spacing: -.026em !important;
    text-align: left !important;
    text-wrap: balance !important;
  }

  html body.page-index #gatard-home #gatard-home-story-title > .gatard-home__section-title-main,
  html body.page-index #gatard-home #gatard-home-story-title > strong {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    white-space: normal !important;
    text-align: left !important;
  }

  html body.page-index #gatard-home #gatard-home-story-title > strong {
    margin-top: 2px !important;
  }

  /* Taille de lecture demandée pour le récit et les emplacements. */
  html body.page-index #gatard-home .gatard-home__story-excerpt,
  html body.page-index #gatard-home .gatard-home__story-excerpt p,
  html body.page-index #gatard-home .gatard-home__story-excerpt div {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  html body.page-index #gatard-home .gatard-home__locations-copy > p {
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  /*
   * Événement : le contenu dispose d'une vraie zone verticale afin que
   * justify-content:center soit visible, sans recréer un gros padding.
   */
  html body.page-index #gatard-home .gatard-home__event-copy {
    display: flex !important;
    width: 100% !important;
    min-height: clamp(230px, 62vw, 270px) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    text-align: center !important;
  }

  html body.page-index #gatard-home .gatard-home__event-copy > * {
    flex: 0 0 auto !important;
  }

  html body.page-index #gatard-home .gatard-home__event-copy .gatard-home__section-eyebrow {
    width: 100% !important;
    margin: 0 auto 8px !important;
    text-align: center !important;
  }

  html body.page-index #gatard-home .gatard-home__event-copy .gatard-home__section-title {
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto 10px !important;
    text-align: center !important;
  }

  html body.page-index #gatard-home .gatard-home__event-copy > p {
    width: 100% !important;
    max-width: 345px !important;
    margin: 0 auto 14px !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-align: center !important;
  }

  html body.page-index #gatard-home .gatard-home__event-copy .gatard-home__button {
    align-self: center !important;
    margin: 0 auto !important;
  }

  /* Galerie : titre et lien empilés, tous deux parfaitement centrés. */
  html body.page-index #gatard-home .gatard-home__gallery-head {
    display: flex !important;
    width: calc(100% - 30px) !important;
    max-width: 520px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.page-index #gatard-home .gatard-home__gallery-head .gatard-home__block-title,
  html body.page-index #gatard-home .gatard-home__gallery-head .gatard-home__block-title--gallery {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  html body.page-index #gatard-home .gatard-home__gallery-head > a {
    display: inline-flex !important;
    width: auto !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
}