/* ---- informations-legales.css ---- */
/* ---------- Page informations légales : ajustements ISO à l'original ---------- */
/* Chargé après site.css (concaténation) : ces règles priment sur le bloc générique. */

/* Bandeau lilas : lunettes plus grandes, titre en graisse mixte (« légales » en gras). */
.legal-hero { padding: 52px 20px 56px; }
.legal-hero img { width: 150px; margin-bottom: 18px; }
.legal-hero .titre-hero {
  font-weight: 400;
  font-size: clamp(34px, 5.5vw, 64px);
}
.legal-hero .titre-hero p { margin: 0; }
.legal-hero .titre-hero strong { font-weight: 700; }

/* Onglets : alignés à gauche dans la colonne de contenu, sur le fond beige de la
   page (pas de bande blanche ni de filet), onglet actif en bleu ciel souligné. */
.legal-onglets {
  max-width: 900px;
  margin: 0 auto;
  justify-content: flex-start;
  gap: 20px;
  background: none;
  border-bottom: none;
  padding: 19px 20px 0;
}
.onglet {
  font-weight: 400;
  font-size: 15px;
  padding: 4px 0 14px;
  border-bottom: 2px solid transparent;
}
.onglet.actif {
  color: var(--ciel);
  border-bottom: 2px solid var(--ciel);
}

/* Colonne de texte : même gouttière que les onglets, texte à la taille du corps. */
.legal-contenu { max-width: 900px; padding: 25px 20px 48px; }
.legal-maj { font-size: 15px; opacity: 1; margin: 0 0 12px; }
/* Cas 297 : une adresse ou un mot long des CGL élargissait la page à 320 px. */
.legal-texte { font-size: 15px; line-height: 1.45; overflow-wrap: break-word; }