/*
 SITE PUBLIC — /site/styles/privacy.css
 REPÈRES : rechercher GROUPE pour localiser un ensemble de règles.
 Les sélecteurs sous chaque repère indiquent les éléments concernés.
 RESPONSIVE indique les adaptations selon la largeur de la fenêtre.
 L’ordre des règles est conservé : une règle plus bas peut préciser une règle précédente.
 Les commentaires sont informatifs et ne changent pas le rendu.
*/

/* GROUPE CONFIDENTIALITE — Cookies, consentement et confidentialité. */
.cookie-banner{position:fixed;z-index:1000;inset:auto 15px calc(15px + var(--local-preview-bar-height, 0px));box-sizing:border-box;max-width:640px;margin-inline:auto;background:var(--bg);color:var(--fg);border:1px solid var(--accent);padding:15px;box-shadow:0 8px 40px #0009;font:13px/1.45 Satoshi,Arial,sans-serif;max-height:75dvh;overflow:auto}
.cookie-banner[hidden]{display:none}
.cookie-banner h2{font-size:16px;line-height:1.3;margin:0 0 8px}
.cookie-banner p{margin:0 0 10px}
.cookie-actions{display:flex;flex-wrap:wrap;gap:8px}
.cookie-banner button,.privacy-settings{font:inherit;cursor:pointer}
.cookie-banner button{padding:7px 12px;font-size:12px;line-height:1.4;background:transparent;color:var(--fg);border:1px solid var(--accent)}
.cookie-banner button:hover{background:#453020}
.cookie-banner a{color:#e79a50;text-decoration:underline}
.cookie-banner label{display:flex;gap:10px;align-items:center;color:inherit;margin:10px 0}
.cookie-banner input{width:18px;height:18px;min-height:0;margin:0}
.cookie-banner :focus-visible{outline:2px solid #e79a50;outline-offset:3px}
.privacy-settings{border:0;background:none;color:inherit;text-decoration:underline;padding:0}
.privacy-links{display:flex;gap:14px;flex-wrap:wrap}

/* GROUPE PIED DE PAGE — Liens sociaux, langues, signature et pied de page. */
#connect .privacy-links{grid-column:1/-1;font-size:12px;color:#aaa39b;margin-top:12px}

/* RESPONSIVE — actions compactes et cibles tactiles sur téléphone. */
@media(max-width:600px){
 .cookie-actions{gap:6px}
 .cookie-actions button{flex:1 1 0;min-width:0;min-height:44px;padding:6px 4px;font-size:11px;white-space:normal;overflow-wrap:anywhere}
}