/* Netsolution – Optimisation vitesse & SEO FA-RE 13 — chargé après le thème et la feuille de présentation. */

/* 1. Police de repli aux métriques de Nunito : le texte ne bouge plus quand la police web arrive
      (décalage de mise en page mesuré à 0,41 sur l'accueil, causé par ce seul échange de police). */
@font-face {
  font-family: "Nunito Fallback";
  src: local("Arial"), local("Helvetica"), local("Liberation Sans");
  size-adjust: 101%;
  ascent-override: 101%;
  descent-override: 35%;
  line-gap-override: 0%;
}
:root { --fontFamily: "Nunito", "Nunito Fallback", sans-serif; }
body { font-family: "Nunito", "Nunito Fallback", sans-serif; }

/* 2. Titre de page converti en <h1> : même style que le <h2> du thème après la feuille de présentation. */
.page-title-content h1.ns-titre-page {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 8px;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 800;
  line-height: 1.2;
}
.page-title-area.bg-black .page-title-content h1.ns-titre-page { color: var(--whiteColor); }
.page-title-content h1.ns-titre-page .event-active-status { display: none; }
@media only screen and (max-width: 767px) {
  .page-title-content h1.ns-titre-page { max-width: 100%; margin-top: 35px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-title-content h1.ns-titre-page { max-width: 720px; }
}

/* 3. Playfair Display n'est plus chargée (voir le mu-plugin) : les rares éléments qui la demandaient
      reprennent la police du site, comme le font déjà tous les titres. */
[style*="Playfair"],
.elementor-3745 .elementor-element-947474c .section-title p,
.premium-access-content p,
.premium-access-content-style-two p {
  font-family: "Nunito", "Nunito Fallback", sans-serif !important;
}

/* 4. La feuille du thème demande `assets/img/program-bg.jpg`, qui n'a jamais été livré :
      chaque page appelant .program-area déclenchait une requête 404 et une erreur de console. */
.program-area { background-image: none; }

/* 5. Accueil : photo de fond de la section d'en-tête en 800 px sur mobile (préchargée dans <head>),
      au lieu des 2560 px servis à tous les écrans. */
@media (max-width: 767px) {
  .elementor-3745 .elementor-element.elementor-element-349f6be:not(.elementor-motion-effects-element-type-background) {
    background-image: url("https://i0.wp.com/fa-re.fr/wp-content/uploads/2024/01/manu-schwendener-DSwBHyWKiVw-unsplash-scaled.jpg?fit=800%2C536&ssl=1") !important;
  }
}
