/* Bouton « Informations légales » et sa feuille (Karima, 30/09/2026 : pages épurées, mentions cachées dans un bouton). */
footer{text-align:left}
.legal-bouton{display:inline-flex;align-items:center;gap:7px;margin:4px 0 0;padding:7px 12px;border:1px solid #D9DCE6;border-radius:99px;background:transparent;
  color:#8A90A3;font:500 12.5px/1 inherit;font-family:inherit;cursor:pointer}
.legal-bouton svg{width:15px;height:15px}
.legal-bouton:hover{color:#5A6382;border-color:#B9BED0}
.legal-feuille{position:fixed;inset:0;z-index:2147483000}
.legal-voile{position:absolute;inset:0;background:rgba(14,20,48,.35);opacity:0;transition:opacity .25s}
.legal-carte{position:absolute;left:0;right:0;bottom:0;max-height:78vh;overflow:auto;background:#fff;border-radius:22px 22px 0 0;padding:14px 20px 26px;
  box-shadow:0 -12px 40px rgba(14,20,48,.18);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);max-width:680px;margin:0 auto}
.legal-feuille.ouverte .legal-voile{opacity:1}
.legal-feuille.ouverte .legal-carte{transform:none}
.legal-carte::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#D9DCE6;margin:0 auto 12px}
.legal-tete{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.legal-tete b{font-size:15px;color:#0E1430}
.legal-fermer{width:34px;height:34px;border-radius:50%;border:0;background:#F1F2F6;color:#5A6382;font-size:22px;line-height:1;cursor:pointer}
.legal-texte,.legal-texte p{font-size:12.5px;line-height:1.6;color:#8A90A3}
.legal-texte p{margin:0 0 8px}
.legal-texte a,.legal-liens a{color:inherit;text-decoration:underline}
.legal-liens{margin:10px 0 0;font-size:12.5px;color:#5A6382}
@media (prefers-reduced-motion:reduce){.legal-carte,.legal-voile{transition:none}}
@media print{.legal-bouton,.legal-feuille{display:none!important}}
/* Tout en verre, comme le reste de la formation (Karima, 30/09/2026 : « le design doit être en transparent ») */
.legal-bouton{background:rgba(255,255,255,.5);border-color:rgba(27,42,122,.18);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2)}
.legal-voile{background:rgba(14,20,48,.16)}
.legal-carte{background:rgba(250,250,252,.72);-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25);
  border:1px solid rgba(255,255,255,.6);border-bottom:0;box-shadow:0 -12px 40px rgba(14,20,48,.14),inset 0 1px 0 rgba(255,255,255,.7)}
.legal-fermer{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.legal-texte,.legal-texte p{color:#5F6683}
@media (prefers-reduced-transparency:reduce){.legal-bouton,.legal-carte,.legal-fermer{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}