/**
 * EDUCYA Next — Phase 4.3 / RC4
 *
 * Correctifs issus de la revue visuelle réelle dans le Customizer :
 * - le mot « accompagnement » ne doit plus être rogné dans la section Calvados ;
 * - les repères factuels de la section « Pourquoi EDUCYA » ne doivent plus
 *   apparaître comme un tableau décalé à droite ;
 * - conservation d'un comportement fluide entre le Customizer, le desktop
 *   pleine largeur et les écrans intermédiaires.
 */

/* ==========================================================================
   CARTE CALVADOS — COLONNE TEXTE PLUS RESPIRANTE
   ========================================================================== */

.ey-map-section__grid {
  /*
   * L'ancienne proportion donnait trop de largeur à la carte autour de
   * 1200-1400 px de viewport et pouvait couper le long mot "accompagnement".
   */
  grid-template-columns: minmax(410px,.9fr) minmax(0,1.1fr);
  gap: 48px;
}

.ey-map-section__copy {
  min-width: 0;
}

.ey-map-section h2 {
  max-width: 560px;
  font-size: clamp(2.15rem,3.15vw,3.35rem);
  line-height: 1.07;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}

/* ==========================================================================
   PREUVES — REPÈRES FACTUELS EN BANDEAU PLEINE LARGEUR
   ========================================================================== */

.ey-proof__top {
  display: block;
}

.ey-proof__top .ey-section-heading {
  max-width: 760px;
}

.ey-proof__markers {
  width: 100%;
  margin-top: 38px;
}

.ey-proof__markers div {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 28px;
}

.ey-proof__reviews {
  margin-top: 42px;
}

/* ==========================================================================
   ÉCRANS INTERMÉDIAIRES / CUSTOMIZER
   ========================================================================== */

@media (max-width: 1180px) {
  .ey-map-section__grid {
    grid-template-columns: minmax(360px,.92fr) minmax(0,1.08fr);
    gap: 36px;
  }

  .ey-map-section h2 {
    font-size: clamp(2rem,3.35vw,3rem);
  }

  .ey-calvados-map {
    min-height: 520px;
    padding: 24px;
  }
}

@media (max-width: 900px) {
  .ey-map-section__grid {
    grid-template-columns: 1fr;
  }

  .ey-map-section h2 {
    max-width: 720px;
  }

  .ey-calvados-map {
    min-height: 0;
  }

  .ey-proof__markers {
    grid-template-columns: 1fr;
  }

  .ey-proof__markers div {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid var(--ey-paper-100);
  }

  .ey-proof__markers div:last-child {
    border-bottom: 0;
  }
}