:root{
  --og-footer-bg-dark: #333;
  --og-footer-fg-dark: #e5e5e5;
  --og-footer-muted-dark: #bfbfbf;
  --og-footer-sep-dark: rgba(255,255,255,0.15);

  --og-footer-bg-light: #f3f4f6;
  --og-footer-fg-light: #111827;
  --og-footer-muted-light: #6b7280;
  --og-footer-sep-light: rgba(0,0,0,0.12);

  --og-footer-link: var(--og-primary, #1b4887);
}

.og-footer{padding:28px 0 20px;border-top:5px solid rgba(0,0,0,.2)}
.og-footer.is-dark{background:#333;color:var(--og-footer-fg-dark)}
.og-footer.is-light{background:#f3f4f6;color:var(--og-footer-fg-light)}

.og-footer .og-wrap{max-width:1160px;margin:0 auto;padding:0 16px}

.og-footer a{color:var(--og-footer-link);text-decoration:none}
.og-footer.is-dark a{color:#9ec3ff}
.og-footer a:hover{opacity:.9}

/* grille 3 colonnes */
.og-footer-grid{
  display:grid;
  grid-template-columns: 1fr 2fr 1fr; /* 2-8-2 approx */
  gap:24px;
  align-items:center;
}
@media (max-width:900px){
  .og-footer-grid{grid-template-columns:1fr; text-align:center}
}

.og-footer-logo{margin:8px 0 6px; text-align:center}
.og-footer-logo img{max-width:220px; width:100%; height:auto; display:inline-block}

.og-badge img{max-width:120px; height:auto; display:block; margin:0 auto}

.og-footer-contacts{font-size:14px; line-height:1.7; text-align:center}
.og-footer .og-address p{margin:.25rem 0}
.og-contact-line{margin:.25rem 0}
.og-sep{margin:0 .5rem; opacity:.7}

/* menus */
.og-menu{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center}
.og-menu li{margin:0; padding:0}
.og-menu a{font-size:14px}

.og-menu--legal a{font-size:15px; font-weight:500}

/* réseaux */
.og-social{display:flex; gap:16px; justify-content:center}
.og-social-link{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:999px; background:transparent; border:0px solid currentColor; opacity:.95}
.og-footer.is-dark .og-social-link{color:#e5e5e5}
.og-footer.is-light .og-social-link{color:#374151}
.og-social-link:hover{opacity:1}

/* séparateur + bas de page */
.og-divider{margin:18px 0;border:0;border-top:1px solid var(--og-footer-sep-dark)}
.og-footer.is-light .og-divider{border-top-color:var(--og-footer-sep-light)}

.og-bottom{font-size:14px; line-height:1.7; text-align:center}
.og-legal-extra p{margin:.35rem 0}