/* static/css/footer.css — styles du pied de page : grille, discrétion des liens légaux, chips de préférences */
/* à ajouter */

.site-footer{
    border-top:1px solid var(--line, #2a2a2f);
    background: color-mix(in oklab, var(--bg, #0f0f12) 92%, black 8%);
    color: var(--fg, #e9e7e1);
  }
  .site-footer .wrap{ padding:clamp(16px,2vw,28px); }
  
  .footer-grid{
    display:grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap:clamp(16px,3vw,28px);
    align-items:start;
  }
  @media (max-width: 900px){
    .footer-grid{ grid-template-columns: 1fr; }
  }
  
  .ft-brand .brand{
    font-family: Georgia,"EB Garamond",serif;
    font-size: clamp(1.05rem,2.2vw,1.25rem);
    text-decoration:none;
    color: inherit;
  }
  .ft-brand .brand:hover{ opacity:.85; }
  .ft-brand .tagline{ margin:.3rem 0 0; color: var(--muted, #b8b3a7); }
  
  .ft-social .all-links{
    display:inline-block; margin-bottom:.4rem; opacity:.9;
  }
  .ft-social .icons{ list-style:none; padding:0; margin:.4rem 0 0; display:flex; gap:.6rem; }
  .ft-social .icons a{
    display:grid; place-items:center; width:36px; height:36px; border-radius:999px;
    border:1px solid var(--line, #2a2a2f); text-decoration:none; color:inherit;
  }
  .ft-social .icons a:hover{ border-color: var(--acc, #b39c6a); color: var(--acc, #b39c6a); }
  
  .ft-prefs .row{ display:flex; align-items:center; gap:.4rem; margin:.3rem 0; flex-wrap:wrap; }
  .ft-prefs .lbl{ min-width:64px; color: var(--muted, #b8b3a7); font-size:.92rem; }
  .ft-prefs .chip{
    border:1px solid var(--line, #2a2a2f); background:transparent; color:inherit; border-radius:999px;
    padding:.25rem .6rem; cursor:pointer; font: inherit;
  }
  .ft-prefs .chip:hover{ border-color: var(--acc, #b39c6a); color: var(--acc, #b39c6a); }
  
  .ft-legal ul{ list-style:none; padding:0; margin:0 0 .4rem; display:flex; gap:1rem; flex-wrap:wrap; }
  .ft-legal a{
    color: inherit; opacity:.7; text-underline-offset:3px; text-decoration: underline dotted 1px;
  }
  .ft-legal a:hover{ opacity:1; color: var(--acc, #b39c6a); text-decoration: underline; }
  .ft-legal .fine-print{ margin:.35rem 0 0; font-size:.9rem; color: var(--muted, #b8b3a7); }
  .ft-legal .to-top{
    display:inline-block; margin-top:.4rem; font-size:.9rem; opacity:.75; text-decoration:none;
  }
  .ft-legal .to-top:hover{ opacity:1; text-decoration:underline; }