/* Pied de page WorkDispo 2026 : le style du pied de page de l'accueil (maquette « Accueil WorkDispo 2026 ») étendu à tout le site
   (demande de Sam du 21/09/2026). Surcharge du pied de page du thème Hireo rendu par templates/common/footer.html.twig, chargée par
   base.html.twig et par les gabarits formation/recherche et formation/show ; aucune autre partie de la page n'est ciblée.
   Polices Space Grotesk / IBM Plex Sans : chargées par les mêmes gabarits (seuls les poids utilisés ici sont téléchargés). */
#footer {
  --wd-navy: #111A33;
  --wd-font-head: 'Space Grotesk', 'IBM Plex Sans', Helvetica, Arial, sans-serif;
  --wd-font-body: 'IBM Plex Sans', HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  position: relative; margin-top: 0; padding-top: 0; color: #B9C4DC; background: var(--wd-navy); border-radius: 44px 44px 0 0; overflow: hidden;
  box-shadow: 0 -18px 50px rgba(15,24,54,.18); font-family: var(--wd-font-body);
}
#footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,0)); }
#footer::after { content: ''; position: absolute; top: -190px; left: 50%; transform: translateX(-50%); width: 760px; height: 380px; pointer-events: none; background: radial-gradient(ellipse at center, rgba(42,65,232,.4), transparent 70%); }
#footer .footer-top-section { border: 0; }
/* Pas de mot-symbole ici (doublon avec le « WorkDispo » en texte, demande de Sam du 21/09). */
#footer .footer-rows-container { height: auto; line-height: 1.2; padding: 56px 0 0; }
/* !important sur police et casse : les gabarits offre, profil, annonce, formation/show forcent h3/h4 en Nunito !important pour leur contenu. */
#footer .footer-rows-container h4 { font-family: var(--wd-font-head) !important; font-size: 19px; font-weight: 700; color: #fff; margin: 0; }
#footer .footer-middle-section { padding: 34px 0 24px; }
#footer .footer-links h3 { font-family: var(--wd-font-head) !important; font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase !important; color: #8A99BC; margin: 0 0 16px; }
#footer .footer-links ul li a { color: #CBD5EC; font-size: 15px; line-height: 1.5; padding: 5px 0; }
#footer .footer-links ul li a:hover { color: #fff; }
#footer .footer-links ul li a span { color: inherit; }
#footer .footer-bottom-section { padding: 18px 0; border-top: 1px solid rgba(255,255,255,.1); text-align: left; font-size: 14px; color: #A9B6D2; }
#footer .footer-bottom-section strong { color: #fff; }
#footer .footer-bottom-section a { color: #A9B6D2; }
#footer .footer-bottom-section a:hover { color: #fff; }
#footer .footer-bottom-section a span { color: inherit; }
@media (max-width: 767px) {
  #footer { border-radius: 28px 28px 0 0; }
}