/* Doubayi — site public : pied de page et pages d'information (légal, aide, à propos, contact).
   Chargée par l'accueil (site/accueil.html) et par site/page.html. */

/* ---------- Pied de page ---------- */
.pied{background:#1D1D1F;color:#F5F5F4;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}
.pied a{color:inherit;text-decoration:none}
.pied-wrap{max-width:1120px;margin:0 auto;padding:64px 24px 32px}
.pied-haut{display:grid;gap:48px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.pied-haut{grid-template-columns:minmax(240px,1fr) 2.2fr}}
.pied-marque{--logo-taille:24px}
.pied-marque p{margin:20px 0 0;max-width:30ch;font-size:16px;line-height:1.5;color:#D6D6D3}
.pied-reseaux{display:flex;gap:14px;margin-top:24px}
.pied-reseaux a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #3A3A3D;border-radius:10px;transition:border-color .2s,background .2s}
.pied-reseaux a:hover{border-color:#F5A623;background:#2A2A2D}
.pied-reseaux svg{width:18px;height:18px;fill:currentColor}
.pied-colonnes{display:grid;gap:32px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:640px){.pied-colonnes{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pied-titre{margin:0 0 18px;font-size:14px;color:#8E8E93}
.pied-colonnes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.pied-colonnes a{font-size:15px;color:#F5F5F4;transition:color .2s}
.pied-colonnes a:hover{color:#F5A623}
.pied-bas{margin-top:56px;padding-top:24px;border-top:1px solid #333336;font-size:12.5px;line-height:1.6;color:#8E8E93}
.pied-bas p{margin:0 0 8px;max-width:110ch}
.pied-bas a{text-decoration:underline;text-underline-offset:2px}
.pied .a-completer{background:#4A3A12;color:#FFD58A;border-color:#8A6A1E}

/* Information encore manquante : bien visible, pour ne rien mettre en ligne par oubli */
.a-completer{padding:0 4px;border:1px dashed #E0A03A;border-radius:4px;background:#FFF4D6;color:#7A4E00;font-style:normal}

/* ---------- Pages d'information ---------- */
.page{margin:0;background:#FBFAF7;color:#1B1813;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
/* Couche d'affichage propre : sur iPhone (Safari), un en-tête collant au fond flouté disparaissait pendant le défilement et ne revenait qu'à l'arrêt. */
.page-haut{position:sticky;top:0;z-index:10;background:rgba(251,250,247,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid #ECE7DD;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}
.page-haut-wrap{max-width:1120px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.page-haut .doubayi-logo{--logo-taille:20px}
.page-actions{display:flex;gap:8px}
.page-bouton{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap;border:1px solid #ECE7DD;background:#fff;color:#1B1813}
.page-bouton--plein{background:#F5A623;border-color:#F5A623;color:#2A1A00}
@media (max-width:420px){.page-bouton:not(.page-bouton--plein){display:none}}

.page-corps{max-width:1120px;margin:0 auto;padding:48px 24px 80px;display:grid;gap:40px}
.page-corps--legal{grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.page-corps--legal{grid-template-columns:240px minmax(0,1fr)}}
.page-sommaire{align-self:start}
@media (min-width:900px){.page-sommaire{position:sticky;top:96px}}
.page-sommaire p{margin:0 0 12px;font-size:13px;font-weight:600;color:#9C968A;text-transform:uppercase;letter-spacing:.06em}
.page-sommaire ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.page-sommaire a{display:block;padding:8px 12px;border-radius:10px;font-size:15px;color:#4A463F;text-decoration:none}
.page-sommaire a:hover{background:#F3EFE7}
.page-sommaire a[aria-current=page]{background:#FFF4E0;color:#945A00;font-weight:600}

.texte{max-width:72ch;font-size:16px;line-height:1.7}
.texte h1{font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.03em;margin:0 0 10px}
.texte .page-date{margin:0 0 32px;font-size:14px;color:#9C968A}
.texte .chapeau{font-size:18px;color:#4A463F;margin:0 0 32px}
.texte h2{font-size:22px;letter-spacing:-.02em;margin:44px 0 12px}
.texte h3{font-size:17px;margin:28px 0 8px}
.texte p,.texte ul,.texte ol{margin:0 0 16px}
.texte ul,.texte ol{padding-left:22px}
.texte li{margin:6px 0}
.texte a{color:#945A00;text-underline-offset:3px}
.texte table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.texte th,.texte td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid #ECE7DD}
.texte th{font-size:13px;color:#6A655B;font-weight:600}
.encadre{padding:18px 20px;border-radius:14px;background:#FFF4E0;border:1px solid #F7DDAE;margin:0 0 24px}
.encadre p:last-child{margin:0}

/* Centre d'aide : questions dépliables */
.texte details{border-bottom:1px solid #ECE7DD}
.texte summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
.texte summary::-webkit-details-marker{display:none}
.texte summary::after{content:"+";color:#945A00;font-weight:400;font-size:20px;line-height:1}
.texte details[open] summary::after{content:"–"}
.texte details > :not(summary){margin-top:0}
.texte details[open]{padding-bottom:12px}