/* ============================================================
   CONODOR — pied de page commun a toutes les pages
   Extrait de index.html le 2026-08-31. Charge APRES le <style>
   de chaque page : a specificite egale, c'est lui qui l'emporte.
   Les url() sont relatives A CE FICHIER, d'ou les ../
   ============================================================ */

/* ---- base ---- */
footer { background:#020a0c; }
.footer-top { padding:4rem 5vw 3rem; }
.footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:3rem; margin-bottom:3rem; }
.ft-logo { display:flex; align-items:center; gap:12px; margin-bottom:.8rem; }
.ft-logo-illo { height:56px; width:auto; opacity:.8; }
.ft-logo-text { display:flex; flex-direction:column; line-height:1; }
.ft-logo-name { font-family:var(--fh, 'Syne', sans-serif); font-weight:800; font-size:1.05rem; letter-spacing:3px; color:rgba(255,255,255,.55); }
.ft-logo-sub { font-size:.5rem; letter-spacing:2px; text-transform:uppercase; color:rgba(0,180,200,.55); margin-top:3px; }
.ft-brand-desc { font-size:.85rem; line-height:1.75; color:rgba(255,255,255,.2); max-width:280px; }
.ft-col h4 { font-family:var(--fh, 'Syne', sans-serif); font-weight:800; font-size:.68rem; letter-spacing:3px; text-transform:uppercase; color:var(--teal, #00B4C8); margin-bottom:1.2rem; }
.ft-col ul { list-style:none; }
.ft-col li { margin-bottom:.6rem; }
/* 22% de blanc sur fond sombre etait sous le seuil de lisibilite */
.ft-col a { color:rgba(255,255,255,.52); font-size:.85rem; transition:color .2s; }
.ft-col a:hover { color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.05); padding:1.5rem 5vw; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; font-size:.73rem; color:rgba(255,255,255,.16); }
/* la ligne du bas doit rester discrete : seul le lien se distingue */
.footer-bottom span { color:rgba(255,255,255,.34); }
.footer-bottom a { color:rgba(255,255,255,.55); text-decoration:underline;
  text-underline-offset:2px; transition:color .2s; }
.footer-bottom a:hover { color:var(--teal2, #00D4EC); }

@media (max-width:1050px) {
  .footer-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:620px) {
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; text-align:center; }
}

@media (max-width:375px) {
  .footer-col { padding:1rem .8rem; }
}