/**
 * GATARD Pro Pages v1.12.42
 * CMS 9 — responsive polish global
 *
 * Objectifs :
 * - marges / espacements homogènes ;
 * - largeur 1800px + gouttières 15px ;
 * - typographie Poppins cohérente ;
 * - tailles de titres et textes harmonisées ;
 * - desktop / tablette / mobile avec le même rythme visuel.
 */

html body.cms-id-9 #gatard-events {
  --gev-max: 1800px;
  --gev-gutter: 15px;

  --gev-space-xl: clamp(72px, 5vw, 92px);
  --gev-space-lg: clamp(52px, 3.8vw, 68px);
  --gev-space-md: clamp(28px, 2.2vw, 38px);
  --gev-space-sm: clamp(16px, 1.35vw, 22px);

  --gev-title: #211b14;
  --gev-text: #6f6559;
  --gev-muted: #887d70;
  --gev-gold: #c99749;
  --gev-line: rgba(133,118,80,.18);

  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   LARGEUR ET RYTHME GLOBAL
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events__inner.gatard-events__inner--premium {
  width: min(var(--gev-max), calc(100% - (var(--gev-gutter) * 2))) !important;
  max-width: var(--gev-max) !important;
  margin: 0 auto !important;
  padding: clamp(38px, 3vw, 52px) 0 clamp(72px, 5vw, 94px) !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__features.gatard-events__features--cards {
  margin: 0 !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__quicknav {
  margin: clamp(22px, 1.8vw, 30px) 0 var(--gev-space-xl) !important;
}

html body.cms-id-9 #gatard-events
#gatard-events-types {
  margin: 0 !important;
  padding: 0 !important;
}

html body.cms-id-9 #gatard-events
#gatard-events-values {
  margin-top: var(--gev-space-xl) !important;
}

html body.cms-id-9 #gatard-events
#gatard-events-project.gatard-project-v3 {
  margin-top: var(--gev-space-xl) !important;
}

html body.cms-id-9 #gatard-events
#gatard-events-gallery {
  margin-top: var(--gev-space-xl) !important;
}

/* Même distance entre le heading d'une section et son contenu. */
html body.cms-id-9 #gatard-events
#gatard-events-types > .gatard-events__section-title,
html body.cms-id-9 #gatard-events
#gatard-events-gallery > .gatard-events__section-title {
  margin-bottom: var(--gev-space-md) !important;
}

/* =========================================================
   TYPOGRAPHIE — BASE
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events__inner--premium p,
html body.cms-id-9 #gatard-events
.gatard-events__inner--premium strong,
html body.cms-id-9 #gatard-events
.gatard-events__inner--premium small,
html body.cms-id-9 #gatard-events
.gatard-events__inner--premium h2,
html body.cms-id-9 #gatard-events
.gatard-events__inner--premium h3,
html body.cms-id-9 #gatard-events
.gatard-events__inner--premium a {
  font-family: "Poppins", Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   FEATURES
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events__features--cards > .gatard-events__feature-card {
  min-height: 126px !important;
  padding: clamp(17px, 1.2vw, 22px) !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__feature-card strong {
  color: var(--gev-title) !important;
  font-size: clamp(14px, .88vw, 16px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -.012em !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__feature-card p {
  margin-top: 3px !important;
  color: var(--gev-text) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* =========================================================
   QUICKNAV
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events__quicknav {
  gap: 8px !important;
  padding: 8px !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__quicknav > a {
  min-height: 72px !important;
  padding: 12px 14px !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__quicknav-copy strong {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__quicknav-copy small {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* =========================================================
   TITRES DE SECTION
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events__section-title h2 {
  color: var(--gev-title) !important;
  font-size: clamp(30px, 2.25vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.034em !important;
  text-align: center !important;
  text-wrap: balance !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__section-title p {
  width: min(100%, 760px) !important;
  margin: 10px auto 0 !important;
  color: var(--gev-muted) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: .10em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  text-wrap: balance !important;
}

/* =========================================================
   CARTES ÉVÉNEMENTS
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events__cards--visual {
  gap: clamp(12px, .8vw, 15px) !important;
}

html body.cms-id-9 #gatard-events
.gatard-event-card--visual h3 {
  margin-bottom: 5px !important;
  font-size: clamp(17px, 1vw, 20px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -.022em !important;
}

html body.cms-id-9 #gatard-events
.gatard-event-card--visual p {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* =========================================================
   VALUES
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events-values {
  padding: clamp(38px, 3vw, 50px) !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__commitment-head {
  margin-bottom: clamp(26px, 2vw, 34px) !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__commitment-title h2 {
  font-size: clamp(28px, 2.25vw, 42px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.032em !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__commitment-grid {
  gap: 12px !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__commitment-grid > article {
  min-height: 210px !important;
  padding: 22px !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__commitment-grid h3 {
  font-size: 15.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

html body.cms-id-9 #gatard-events
.gatard-events__commitment-grid p {
  color: rgba(255,250,242,.72) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* =========================================================
   PROJECT V3
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-project-v3__content {
  padding: clamp(46px, 4vw, 72px) !important;
}

html body.cms-id-9 #gatard-events
.gatard-project-v3__content h2 {
  font-size: clamp(34px, 2.7vw, 52px) !important;
  font-weight: 700 !important;
  line-height: 1.04 !important;
  letter-spacing: -.042em !important;
}

html body.cms-id-9 #gatard-events
.gatard-project-v3__intro {
  margin-top: 16px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}

html body.cms-id-9 #gatard-events
.gatard-project-v3__steps {
  margin-top: clamp(26px, 2vw, 34px) !important;
}

html body.cms-id-9 #gatard-events
.gatard-project-v3__steps article {
  min-height: 72px !important;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

html body.cms-id-9 #gatard-events
.gatard-project-v3__steps strong {
  font-size: 14px !important;
  line-height: 1.5 !important;
}

html body.cms-id-9 #gatard-events
.gatard-project-v3__steps small {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* =========================================================
   GALLERY
   ========================================================= */
html body.cms-id-9 #gatard-events
.gatard-events__gallery-wrap {
  margin-top: 0 !important;
}

/* =========================================================
   TABLETTE
   ========================================================= */
@media (min-width: 768px) and (max-width: 1199.98px) {

  html body.cms-id-9 #gatard-events {
    --gev-space-xl: 62px;
    --gev-space-lg: 46px;
    --gev-space-md: 28px;
    --gev-space-sm: 16px;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__inner.gatard-events__inner--premium {
    width: calc(100% - 30px) !important;
    max-width: none !important;
    padding: 36px 0 72px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__quicknav {
    margin-top: 22px !important;
    margin-bottom: var(--gev-space-xl) !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__section-title h2 {
    font-size: clamp(28px, 4vw, 38px) !important;
    line-height: 1.1 !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__section-title p {
    width: min(100%, 650px) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: .085em !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events-values {
    padding: 34px 26px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__commitment-title h2 {
    font-size: clamp(27px, 3.7vw, 36px) !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__commitment-grid > article {
    min-height: 185px !important;
    padding: 20px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__content {
    padding: 40px clamp(30px, 5vw, 54px) 46px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__content h2 {
    font-size: clamp(32px, 4.7vw, 42px) !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__intro {
    max-width: 700px !important;
    font-size: 15px !important;
  }
}

/* =========================================================
   MOBILE
   ========================================================= */
@media (max-width: 767.98px) {

  html body.cms-id-9 #gatard-events {
    --gev-space-xl: 48px;
    --gev-space-lg: 38px;
    --gev-space-md: 22px;
    --gev-space-sm: 14px;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__inner.gatard-events__inner--premium {
    width: calc(100% - 30px) !important;
    max-width: none !important;
    padding: 26px 0 56px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__quicknav {
    margin: 18px 0 var(--gev-space-xl) !important;
  }

  html body.cms-id-9 #gatard-events
  #gatard-events-values,
  html body.cms-id-9 #gatard-events
  #gatard-events-project.gatard-project-v3,
  html body.cms-id-9 #gatard-events
  #gatard-events-gallery {
    margin-top: var(--gev-space-xl) !important;
  }

  html body.cms-id-9 #gatard-events
  #gatard-events-types > .gatard-events__section-title,
  html body.cms-id-9 #gatard-events
  #gatard-events-gallery > .gatard-events__section-title {
    margin-bottom: var(--gev-space-md) !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__section-title h2 {
    max-width: 360px !important;
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.028em !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__section-title p {
    width: min(100%, 340px) !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: .07em !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__feature-card {
    min-height: 0 !important;
    padding: 15px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__feature-card strong {
    font-size: 14px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__feature-card p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__quicknav > a {
    min-height: 60px !important;
    padding: 10px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__quicknav-copy strong {
    font-size: 12px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__quicknav-copy small {
    font-size: 12px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-event-card--visual h3 {
    font-size: clamp(18px, 5vw, 21px) !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-event-card--visual p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events-values {
    padding: 26px 14px 14px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__commitment-head {
    margin-bottom: 20px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__commitment-title h2 {
    font-size: clamp(24px, 6.8vw, 31px) !important;
    line-height: 1.1 !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__commitment-grid > article {
    min-height: 0 !important;
    padding: 15px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__commitment-grid h3 {
    font-size: 14px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__commitment-grid p {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__content {
    padding: 28px 15px 30px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__content h2 {
    font-size: clamp(28px, 8vw, 36px) !important;
    line-height: 1.06 !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__intro {
    margin-top: 12px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__steps {
    margin-top: 20px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__steps article {
    min-height: 62px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__steps strong {
    font-size: 14px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__steps small {
    font-size: 12px !important;
  }
}

/* =========================================================
   PETITS MOBILES
   ========================================================= */
@media (max-width: 390px) {
  html body.cms-id-9 #gatard-events
  .gatard-events__inner.gatard-events__inner--premium {
    width: calc(100% - 30px) !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__section-title h2 {
    max-width: 320px !important;
    font-size: 23px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-events__section-title p {
    max-width: 310px !important;
    font-size: 14px !important;
  }

  html body.cms-id-9 #gatard-events
  .gatard-project-v3__content h2 {
    font-size: 27px !important;
  }
}