/* ---------- MENTIONS LÉGALES (18 octobre 2026) ----------
   Fenêtre ouverte par le lien « Mentions légales » du pied de page (adresse #mentions-legales), sans JavaScript :
   elle s'affiche quand l'adresse de la page se termine par #mentions-legales (:target).
   Fermeture : la croix ou un clic sur le fond sombre (retour au contact, #contact). */
.mentions{ position:fixed; inset:0; z-index:100; display:none; overflow-y:auto; padding:48px 16px; background:rgba(19,19,18,0.78); }
.mentions:target{ display:block; }
.mentions-fond{ position:fixed; inset:0; }
.mentions-panneau{
  position:relative; max-width:680px; margin:0 auto; padding:40px 44px 32px;
  background:var(--ecru); color:var(--ink); border-top:8px solid var(--jaune); box-shadow:0 24px 60px rgba(0,0,0,0.35);
  animation:mentions-entree .25s ease-out;
}
@keyframes mentions-entree{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.mentions h2{ font-family:'Permanent Marker',cursive; font-weight:400; font-size:2.1rem; line-height:1.1; margin:0 0 6px; }
.mentions h3{ font-family:'Outfit',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:0.16em; font-size:0.74rem; color:var(--rouge); margin:24px 0 6px; }
.mentions p{ margin:0; font-size:0.95rem; line-height:1.55; }
.mentions a{ color:inherit; text-decoration:underline; text-decoration-color:var(--jaune); text-decoration-thickness:2px; text-underline-offset:3px; }
.mentions .mentions-fermer{
  position:absolute; top:10px; right:12px; width:42px; height:42px; display:flex; align-items:center; justify-content:center;
  font-size:1.9rem; line-height:1; text-decoration:none; border-radius:50%; transition:background .15s;
}
.mentions .mentions-fermer:hover, .mentions .mentions-fermer:focus-visible{ background:var(--jaune); }
.mentions .mentions-maj{ margin-top:26px; font-size:0.78rem; opacity:0.6; }
@media (max-width: 600px){
  .mentions{ padding:14px 10px; }
  .mentions-panneau{ padding:36px 22px 26px; }
  .mentions h2{ font-size:1.7rem; }
}
@media (prefers-reduced-motion: reduce){ .mentions-panneau{ animation:none; } }