/* Lot c83 (14/11) — PAGES LÉGALES Zaza Academy (mentions-legales, cgv, confidentialite, cookies) + liens de PIED DE PAGE (.pied-legal)
   ajoutés aux écrans accueil, paywall (offert), abonnement, page du parent. Palette et polices des maquettes validées. */
*{box-sizing:border-box}
body.e-legal{margin:0;font-family:Inter,sans-serif;background:linear-gradient(180deg,#faf4e7,#f6efdf);color:#173B2C;display:flex;justify-content:center;min-height:100vh}
.e-legal .app{width:100%;max-width:720px;padding:14px 20px 40px}
.e-legal .haut{display:flex;align-items:center;gap:10px}
.e-legal .rond{width:44px;height:44px;border-radius:50%;background:#ece6d8;display:grid;place-items:center;flex:none}
.e-legal .marque{font:900 17px Nunito,sans-serif}
.e-legal h1{font:900 28px/1.1 Nunito,sans-serif;margin:18px 0 6px}
.e-legal .maj{font-size:13px;color:#5d675f;margin:0 0 14px}
.e-legal h2{font:900 19px/1.2 Nunito,sans-serif;margin:26px 0 8px}
.e-legal h3{font:800 16px Nunito,sans-serif;margin:16px 0 6px}
.e-legal p,.e-legal li{font-size:15px;line-height:1.55}
.e-legal p{margin:0 0 10px}
.e-legal ul{padding-left:20px;margin:0 0 10px}
.e-legal li{margin-bottom:6px}
.e-legal a{color:#173B2C;text-decoration:underline;text-underline-offset:2px}
.e-legal .bref{background:#e6f3d2;border:2px solid #c3ec96;border-radius:16px;padding:14px 16px;margin:12px 0 4px}
.e-legal .bref h2{margin-top:0}
.e-legal table{width:100%;border-collapse:collapse;margin:6px 0 12px;font-size:14px;background:#fbf7ee;border-radius:12px;overflow:hidden}
.e-legal th,.e-legal td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid #e3dac6;line-height:1.45}
.e-legal th{font:800 14px Nunito,sans-serif;background:#ece6d8}
.e-legal .tab{overflow-x:auto}
/* pied de page des liens légaux (toutes les pages qui en ont besoin) : cibles tactiles ≥ 44 px */
.pied-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 4px;margin:18px 0 6px;font:600 13px Inter,system-ui,sans-serif}
.pied-legal a{color:#5d675f;text-decoration:underline;display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.pied-legal a:focus-visible{outline:3px solid #7768E8;outline-offset:2px}
.pied-legal.sombre a{color:#c9d3cc}
.e-legal .pied-legal{margin-top:34px;border-top:1px solid #e3dac6;padding-top:8px}