/*
 * GATARD Pro Pages v1.9.26 — finition de la page d'accueil.
 * Couche isolée : elle ne modifie ni le header, ni le menu rapide, ni le footer.
 */

/* Le contenu HOME commence immédiatement après le header. Le fil d'Ariane
   vide de PrestaShop est retiré uniquement sur l'index GATARD. */
body.page-index #wrapper.gatard-home-layout,
body.page-index #wrapper.gatard-home-layout > .container,
body.page-index #wrapper.gatard-home-layout > .container-fluid,
body.page-index .gatard-home-layout #content-wrapper,
body.page-index .gatard-home-layout #main,
body.page-index .gatard-home-layout #content.page-home {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.page-index #wrapper.gatard-home-layout > .container,
body.page-index #wrapper.gatard-home-layout > .container-fluid,
body.page-index .gatard-home-layout #content-wrapper,
body.page-index .gatard-home-layout #main,
body.page-index .gatard-home-layout #content.page-home {
  width: 100% !important;
  max-width: none !important;
}

body.page-index #wrapper.gatard-home-layout > .container > .breadcrumb,
body.page-index #wrapper.gatard-home-layout > .container-fluid > .breadcrumb {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.page-index #wrapper.gatard-home-layout > .container > .row,
body.page-index #wrapper.gatard-home-layout > .container-fluid > .row {
  width: 100% !important;
  margin: 0 !important;
}

body.page-index .gatard-home-layout #content-wrapper,
body.page-index .gatard-home-layout #content.page-home {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

#gatard-home,
#gatard-home .gatard-home__hero,
#gatard-home .gatard-home__hero-grid {
  margin-top: 0 !important;
}

/* Le badge du bloc Événement est supprimé dans le template ; ce fallback
   empêche aussi un ancien HTML mis en cache de le réafficher. */
#gatard-home .gatard-home__round-badge--event {
  display: none !important;
}

/* Hero plus équilibré, sans modifier son design. */
#gatard-home .gatard-home__hero-grid {
  min-height: clamp(560px, 39vw, 720px) !important;
}

#gatard-home .gatard-home__hero-copy {
  padding-top: clamp(48px, 4.4vw, 78px) !important;
  padding-bottom: clamp(38px, 3.7vw, 64px) !important;
}

#gatard-home .gatard-home__hero-media,
#gatard-home .gatard-home__hero-media-viewport,
#gatard-home .gatard-home__hero-media-track,
#gatard-home .gatard-home__hero-slide,
#gatard-home .gatard-home__hero-slide picture {
  min-height: 0 !important;
}

#gatard-home .gatard-home__hero-slide {
  transition:
    opacity .78s cubic-bezier(.22,.61,.36,1),
    visibility .78s linear,
    transform 6.5s cubic-bezier(.2,.65,.25,1) !important;
}

/* Une respiration réelle avant le footer, sans créer de bande blanche hors
   de la section Galerie. */
#gatard-home .gatard-home__gallery {
  margin-bottom: 0 !important;
  padding-bottom: clamp(62px, 5vw, 92px) !important;
}

#gatard-home .gatard-home__gallery-head {
  min-width: 0 !important;
}

#gatard-home .gatard-home__gallery-head > * {
  min-width: 0 !important;
}

/* Sécurités de mise en page : aucune hauteur figée sur les blocs éditables. */
#gatard-home :is(
  .gatard-home__story-grid,
  .gatard-home__locations-grid,
  .gatard-home__review-layout,
  .gatard-home__event-card
) {
  min-width: 0 !important;
}

#gatard-home :is(
  .gatard-home__story-copy,
  .gatard-home__locations-copy,
  .gatard-home__event-copy,
  .gatard-home__menu-card-head
) {
  min-width: 0 !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  #gatard-home .gatard-home__hero-grid {
    min-height: clamp(500px, 61vw, 590px) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, .96fr) !important;
  }

  #gatard-home .gatard-home__hero-copy {
    padding: 46px 24px 42px 24px !important;
  }

  #gatard-home .gatard-home__hero-title {
    font-size: clamp(40px, 5.8vw, 56px) !important;
    line-height: 1.05 !important;
  }

  #gatard-home .gatard-home__hero-text {
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  #gatard-home .gatard-home__gallery {
    padding-bottom: 70px !important;
  }
}

@media (max-width: 767px) {
  /* Le hero mobile garde l'image puis le contenu, sans espace intermédiaire. */
  #gatard-home .gatard-home__hero-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    min-height: 0 !important;
  }

  #gatard-home .gatard-home__hero-media {
    width: 100% !important;
    height: clamp(230px, 66vw, 300px) !important;
    min-height: 0 !important;
    max-height: 300px !important;
    margin: 0 !important;
  }

  #gatard-home .gatard-home__hero-copy {
    width: 100% !important;
    margin: 0 !important;
    padding: 28px 15px 36px !important;
  }

  #gatard-home .gatard-home__hero-title {
    font-size: clamp(31px, 8.7vw, 40px) !important;
    line-height: 1.06 !important;
  }

  #gatard-home .gatard-home__hero-text,
  #gatard-home .gatard-home__story-excerpt,
  #gatard-home .gatard-home__story-full,
  #gatard-home .gatard-home__locations-copy > p,
  #gatard-home .gatard-home__event-copy > p {
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  #gatard-home .gatard-home__hero-actions {
    width: 100% !important;
    gap: 12px !important;
  }

  #gatard-home .gatard-home__hero-actions .gatard-home__button {
    width: min(100%, 390px) !important;
    margin-inline: auto !important;
  }

  #gatard-home .gatard-home__features {
    margin-top: 28px !important;
  }

  #gatard-home .gatard-home__feature,
  #gatard-home .gatard-home__value {
    height: auto !important;
    min-height: 104px !important;
  }

  #gatard-home .gatard-home__gallery-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  #gatard-home .gatard-home__block-title--gallery {
    flex: 1 1 auto !important;
    font-size: clamp(17px, 4.8vw, 21px) !important;
    line-height: 1.14 !important;
    white-space: normal !important;
  }

  #gatard-home .gatard-home__gallery-head > a {
    flex: 0 0 auto !important;
    max-width: 46% !important;
    padding: 8px 10px !important;
    font-size: clamp(9px, 2.7vw, 11px) !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  #gatard-home .gatard-home__gallery {
    padding-bottom: 58px !important;
  }

  #gatard-home .gatard-home__gallery-strip > a,
  #gatard-home .gatard-home__gallery-strip img {
    border-radius: 14px !important;
  }
}

@media (max-width: 374px) {
  #gatard-home .gatard-home__hero-media {
    height: 220px !important;
  }

  #gatard-home .gatard-home__hero-copy {
    padding: 25px 15px 32px !important;
  }

  #gatard-home .gatard-home__gallery-head {
    gap: 7px !important;
  }

  #gatard-home .gatard-home__gallery-head > a {
    max-width: 48% !important;
    padding-inline: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #gatard-home .gatard-home__hero-slide {
    transition: opacity .2s linear, visibility .2s linear !important;
    transform: none !important;
  }
}