/* Custom overrides */

/* Réduit la taille du H1 d'intro pour qu'il tienne dans son conteneur */
.intro-header__big-type {
  /* bornes plus faibles et croissance fluide */
  font-size: clamp(2.5rem, 6vw, 6rem);
  line-height: 1.5; /* un peu plus pour limiter le chevauchement */
  word-break: break-word; /* évite le débordement sur petits écrans */
  font-weight: 700; /* accentuer le H1 */
}

/* Agrandir les H2 (section headers) */
.text-display-title,
.s-about .section-header .text-display-title,
.s-menu .section-header .text-display-title,
.s-gallery .section-header .text-display-title {
  font-size: clamp(2.2rem, 6.5vw, 3.4rem);
  line-height: 1.25;
  margin-top: 0.35rem; /* décale légèrement le H2 pour éviter l’overlap */
  font-weight: 700; /* H2 plus présents */
}

/* Harmoniser les H3 avec les H1/H2 */
h3,
.testimonials-title {
  font-size: clamp(1.25rem, 3.8vw, 2rem);
  line-height: 1.3;
  letter-spacing: 0.005em;
  font-weight: 600; /* H3 légèrement gras pour ressortir */
}

/* Descendre le badge data-num pour ne pas superposer le titre */
.section-header { position: relative; }
.section-header[data-num]::before {
  /* pousse le numéro un peu plus bas */
  top: 0.6rem;
}

/* Utilitaire pour donner à un h3 l’apparence d’un h6 */
.h6-size {
  font-size: clamp(1rem, 2.8vw, 1.25rem);
  line-height: 1.3;
  font-weight: 600; /* cohérent avec petits titres */
}

/* Footer H5 avec style de H6 (SEO-friendly) */
.s-footer h5 {
  color         : var(--color-bg-accent);
  margin-top    : 0;
  font-family   : var(--type-all-caps);
  font-weight   : var(--type-weight-all-caps);
  font-size     : var(--type-size-h6); /* même taille que h6 */
  line-height   : var(--type-line-height-all-caps);
  text-transform: uppercase;
  letter-spacing: var(--type-spacing-all-caps);
}

:root {
  /* éclaircit le texte secondaire pour meilleur contraste sur fond sombre */
  --color-text-light: var(--color-neutral-300);
}

/* Liens du header plus lisibles */
.header-nav__links a { color: var(--color-text); }
.header-nav__links a:focus,
.header-nav__links a:hover { color: var(--color-white); }

@media (max-width: 600px) {
  .intro-header__big-type {
    line-height: 1.5; /* mobile: plus d’espace entre les lignes */
  }

  .text-display-title,
  .s-about .section-header .text-display-title,
  .s-menu .section-header .text-display-title,
  .s-gallery .section-header .text-display-title {
    font-size: clamp(2rem, 7vw, 2.8rem);
    line-height: 1.3;
    margin-top: 0.4rem;
  }

  h3,
  .testimonials-title {
    font-size: clamp(1.2rem, 4.5vw, 1.8rem);
    line-height: 1.35;
  }

  .section-header[data-num]::before { top: 0.8rem; }

  .h6-size { font-size: clamp(0.95rem, 3.2vw, 1.2rem); }
}

@media (max-width: 400px) {
  .intro-header__big-type {
    font-size: clamp(1.9rem, 5vw, 4.75rem); /* léger downscale sur très petits écrans */
    line-height: 2; /* plus d’espace pour éviter tout chevauchement */
    letter-spacing: 0.01em; /* micro aération */
  }
}