/*
 * Ajustements du site (référencement, accessibilité), chargés après la feuille de style d'origine.
 */

/* Images ayant des dimensions width/height (évite les décalages de mise en page) : proportions conservées */
.header-logo,
.footer-logo,
img[data-keep-ratio] {
  height: auto;
}

/* Titre de section balisé en H2 (une seule balise H1 par page) mais avec le style d'un H1 */
.heading-h1 {
  color: var(--neutral-800);
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.034em;
}

@media screen and (max-width: 991px) {
  .heading-h1 { font-size: 48px; }
}

@media screen and (max-width: 767px) {
  .heading-h1 { margin-bottom: 16px; font-size: 40px; }
}

@media screen and (max-width: 479px) {
  .heading-h1 { margin-bottom: 13px; font-size: 34px; }
}

/* Liens du pied de page (téléphone, mentions légales) */
.footer-contact-link,
.footer-legal-link {
  color: inherit;
  text-decoration: none;
}

.footer-contact-link:hover,
.footer-legal-link:hover {
  text-decoration: underline;
}

/* Mention de confidentialité sous les formulaires */
.form-privacy-note {
  margin: 12px 0 0;
  font-size: 13px;
  line-height: 1.5em;
  opacity: .8;
}

.form-privacy-note a {
  color: inherit;
}

/* Page « Mentions légales et confidentialité » */
.legal-content {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.legal-content h2 {
  margin-top: 40px;
  font-size: 28px;
}

.legal-content p,
.legal-content li {
  font-size: 17px;
  line-height: 1.7em;
}

/* Introduction des pages thématiques du blog */
.category-description {
  max-width: 560px;
  margin: 14px 0 0;
}

/* Pages thématiques : titre au-dessus, liste des thématiques en dessous (noms plus longs) */
.content-top.blog-category {
  flex-direction: column;
  align-items: flex-start;
}

.category-title-wrapper.blog-category {
  margin-right: 0;
  margin-bottom: 30px;
}

.blog-categories-grid {
  flex-wrap: wrap;
  justify-content: flex-start;
}

.blog-category-button,
.blog-category-button.all {
  margin: 4px 14px 4px 0;
  white-space: nowrap;
}

/* Nom de l'auteur cliquable (lien vers sa fiche) sans changer son apparence */
.title.about-author a,
.blog-post-author-link {
  color: inherit;
  text-decoration: none;
}