/* =====================================================================
   WONDERSTAND — Footer global (footer-aubane.css)
   ---------------------------------------------------------------------
   À charger sur TOUT LE SITE (le footer est global).
   Volontairement SANS reset global : ne touche que le footer,
   donc aucun risque de casser les autres pages.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700;9..40,800&family=Inter:wght@400;500;600;700&display=swap');

/* Variables (scopées au footer pour ne rien polluer) */
.ws-footer{
  --ink:#141312;
  --ink-2:#1F1D1B;
  --coral:#E25A47;
  --line-dk:rgba(255,255,255,.13);
}

/* Base footer */
.ws-footer{
  background:var(--ink);
  color:#9c968d;
  padding:60px 0 32px;
  font-family:'Inter',system-ui,sans-serif;
  line-height:1.55;
  box-sizing:border-box;
}
.ws-footer *{box-sizing:border-box}
.ws-footer a{color:inherit;text-decoration:none}
.ws-footer img{max-width:100%;display:block}

.ws-footer .wrap{max-width:1200px;margin:0 auto;padding:0 26px}

/* Logo */
.ws-footer .logo{display:inline-flex;align-items:center;font-family:'DM Sans',sans-serif;font-size:22px;letter-spacing:-.01em;color:#fff;margin-bottom:14px}
.ws-footer .logo .thin{font-weight:400}
.ws-footer .logo .bold{font-weight:800}
.ws-footer .logo svg{width:16px;height:16px;margin:0 1px;flex-shrink:0}

/* Lead magnet */
.ws-footer .foot-lm{display:flex;align-items:center;gap:18px;background:var(--ink-2);border:1px solid var(--line-dk);border-radius:10px;padding:18px 22px;margin-bottom:40px;transition:.2s}
.ws-footer .foot-lm:hover{border-color:var(--coral)}
.ws-footer .foot-lm-num{font-family:'DM Sans',sans-serif;font-weight:800;font-size:24px;color:#fff;background:var(--coral);width:48px;height:48px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}
.ws-footer .foot-lm-txt{display:flex;flex-direction:column;gap:3px;flex:1}
.ws-footer .foot-lm-txt b{color:#fff;font-family:'DM Sans',sans-serif;font-weight:700;font-size:16px;line-height:1.25}
.ws-footer .foot-lm-btn{font-family:'DM Sans',sans-serif;font-weight:700;font-size:14px;color:#fff;border:2px solid var(--coral);border-radius:5px;padding:10px 18px;flex-shrink:0;transition:.2s}
.ws-footer .foot-lm:hover .foot-lm-btn{background:var(--coral)}

/* Colonnes */
.ws-footer .foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:36px;border-bottom:1px solid var(--line-dk)}
.ws-footer .foot .tag{font-size:12px;color:#7d776e;margin-bottom:16px}
.ws-footer .foot p{font-size:13.5px;line-height:1.7;margin:0}
.ws-footer .foot h5{color:#fff;font-size:13px;margin:0 0 14px;font-weight:700;font-family:'DM Sans',sans-serif}
.ws-footer .foot a{display:block;font-size:13.5px;padding:5px 0;color:#bcb6ad}
.ws-footer .foot a:hover{color:var(--coral)}

/* Réseaux sociaux */
.ws-footer .foot-social{display:flex;gap:10px;margin-top:18px}
.ws-footer .foot-social a{width:38px;height:38px;border:1px solid var(--line-dk);border-radius:8px;display:grid;place-items:center;color:#bcb6ad;transition:.2s;padding:0}
.ws-footer .foot-social a:hover{color:var(--coral);border-color:var(--coral)}

/* Bas de footer */
.ws-footer .foot-bot{padding-top:24px;font-size:12.5px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
.ws-footer .foot-bot a{display:inline}
.ws-footer .foot-bot a:hover{color:var(--coral)}

/* Responsive */
@media(max-width:980px){
  .ws-footer .foot{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .ws-footer .foot{grid-template-columns:1fr}
  .ws-footer .foot-lm{flex-wrap:wrap}
  .ws-footer .foot-lm-btn{width:100%;text-align:center}
}
/* Logo du footer : version noire passée en blanc */
.ws-footer .foot-logo{width:240px;height:auto;margin-bottom:18px;filter:brightness(0) invert(1)}