/* ============================================================
   REN LE RENARD — FOOTER PARTAGÉ (source unique de style).
   Injecté par footer.js dans <div id="sitefooter"></div>.
   S'appuie sur les variables de palette définies dans chaque page
   (:root --brownblack/--amber/--orange…). Classes préfixées .sf-
   pour ne pas entrer en conflit avec d'anciens styles .foot.
   ============================================================ */
.sf{background:var(--brownblack,#2A160C);color:#E7CBB4;margin-top:3rem}
.sf__wrap{width:min(1120px,92vw);margin-inline:auto}
.sf__top{padding:clamp(2.6rem,5vw,4rem) 0 2.2rem}
.sf__re{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding-bottom:2.2rem;margin-bottom:2.2rem;border-bottom:1px solid rgba(255,255,255,.1)}
.sf__re div{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.92rem;color:#F0D8C4}
.sf__re svg{width:22px;height:22px;color:var(--amber,#F59E0B);flex-shrink:0}
@media(max-width:760px){.sf__re{grid-template-columns:repeat(2,1fr)}}
.sf__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:2rem}
@media(max-width:760px){.sf__grid{grid-template-columns:1fr 1fr}}
.sf .sf__brand{color:#fff;display:flex;align-items:center;gap:.55rem;text-decoration:none;font-family:"Fredoka",sans-serif;font-weight:700;font-size:1.25rem}
.sf .sf__brand img{width:50px;height:50px}
.sf .sf__brand b{color:var(--amber,#F59E0B)}
.sf__desc{margin-top:1rem;max-width:32ch;color:#D9BCA6;font-weight:600;line-height:1.55}
.sf__made{font-family:"Caveat",cursive;font-size:1.4rem;color:var(--amber,#F59E0B);margin-top:1rem}
.sf .sf__h{margin:0 0 .8rem;padding:0}
.sf h4,.sf .sf__h{color:#fff;margin:0 0 .8rem;font-size:1.04rem;font-family:"Fredoka",sans-serif;font-weight:600}
.sf__col a{display:block;text-decoration:none;color:#D9BCA6;padding:.24em 0;transition:color .2s;font-size:.97rem;font-weight:600}
.sf__col a:hover{color:var(--amber,#F59E0B)}
.sf__bar{border-top:1px solid rgba(255,255,255,.1);padding:1.1rem 0;font-size:.85rem;color:#B89579;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
.sf__bar b{color:#D9BCA6;font-weight:700}
.sf__social{display:flex;gap:.7rem}
.sf__social a{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.09);display:grid;place-items:center;transition:background .2s}
.sf__social a:hover{background:var(--orange,#F97316)}
.sf__social svg{width:20px;height:20px;color:#fff}