/* Pages légales (mentions, conditions générales, confidentialité, cookies) : alignement sur l'accueil, 18/10.
   Mêmes polices et mêmes couleurs que l'accueil (corail + anthracite), plus de majuscules espacées,
   rien sous 16 px. Le texte et la structure ne changent pas.
   Pour tout annuler : retirer la ligne legal-1810.css dans les 4 pages (sauvegardes .avant-verif). */

:root{--f-titre:"Bricolage Grotesque",Arial,Helvetica,sans-serif;--f-texte:"Figtree",Arial,Helvetica,sans-serif;--ink:#1d2226;--muted:#4b5458}

body.legal{font-family:var(--f-texte) !important;font-size:18px !important;line-height:1.65 !important;color:var(--ink)}
.legal-main h1,.legal-main h2,.legal-main h3{font-family:var(--f-titre);font-variation-settings:"opsz" 48;letter-spacing:-.02em;color:var(--ink)}
.legal-main h1{font-variation-settings:"opsz" 72;font-weight:700}
.legal-main h2{font-size:24px;font-weight:700}
.legal-main h3{font-size:19px;font-weight:700}

/* Petit titre (aviso legal…) : en écriture normale, comme sur l'accueil */
.legal-kicker{text-transform:none !important;letter-spacing:0 !important;font-size:16px !important}

/* Plus rien sous 16 px */
.legal-updated,.legal-table,.legal-header a.back{font-size:16px !important}
.legal-header a.back{font-weight:600;padding:10px 2px;border-bottom-width:2px}
.legal-main dl{background:#fffdf9;border-left:3px solid var(--coral)}

/* Pied de page : polices de l'accueil, liens lisibles */
.solis-footer{font-family:var(--f-texte) !important;font-size:15px !important}
.solis-footer-legal a{font-size:15px !important}
.solis-footer-brand p,.solis-footer-copyright{font-size:15px !important}

@media (max-width:600px){
  body.legal{font-size:17px !important}
  .legal-main h2{font-size:22px}
}

/* Tableau des cookies sur téléphone : une petite fiche par ligne au lieu d'un tableau qui défile de côté */
@media (max-width:600px){
  .legal-table:has(th:nth-child(4)) thead{display:none}
  .legal-table:has(th:nth-child(4)),.legal-table:has(th:nth-child(4)) tbody,
  .legal-table:has(th:nth-child(4)) tr,.legal-table:has(th:nth-child(4)) td{display:block;width:100%}
  .legal-table:has(th:nth-child(4)) tr{margin:0 0 12px;padding:12px 14px;border:1px solid var(--line);border-left:3px solid var(--coral);border-radius:12px;background:#fffdf9}
  .legal-table:has(th:nth-child(4)) td{padding:3px 0;border:0}
  .legal-table:has(th:nth-child(4)) td:first-child{font-weight:700;overflow-wrap:anywhere}
  .legal-table:has(th:nth-child(4)) td:nth-child(2)::before{content:"Type : ";font-weight:600}
  .legal-table:has(th:nth-child(4)) td:nth-child(4)::before{content:"Durée : ";font-weight:600}
}
