/* Pied de page commun du site (05/08, carte blanche client « un footer digne
   de ce nom ») : partiel unique servi par les DEUX gabarits, ce qui ferme le
   piège documenté du footer en double (README § structure du front). La
   feuille est AUTONOME : elle ne dépend ni d'agent.css (le gabarit Bootstrap
   ne la charge pas) ni de Bootstrap, d'où la variable corail locale. */

  /* Fond UNI et plus de liseré dégradé (demande client 05/08 : « une seule
     couleur d'arrière-plan », le dégradé vertical faisait ressortir le haut
     comme un panneau). */
  .site-footer {
    --sf-coral: #E8637E;
    background: #16213e;
    font-family: 'DM Sans', sans-serif;
  }

  .sf-inner {
    max-width: 1200px; margin: 0 auto;
    padding: 52px 40px 44px;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr;
    gap: 38px;
  }

  /* ========== BLOC MARQUE ========== */
  .sf-logo { font-family: 'Bebas Neue', sans-serif; font-size: 1.6rem; letter-spacing: 2px; color: #fff; }
  .sf-logo span { color: var(--sf-coral); }
  .sf-tagline { font-size: 0.85rem; color: rgba(255, 255, 255, 0.55); line-height: 1.65; margin: 12px 0 16px; }
  .sf-disclaimer { font-size: 0.72rem; color: rgba(255, 255, 255, 0.32); line-height: 1.65; }

  /* ========== COLONNES DE NAVIGATION ========== */
  .sf-head {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 0.82rem; letter-spacing: 2.5px; text-transform: uppercase;
    color: #fff; margin: 4px 0 15px;
  }
  .sf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
  .sf-col a { color: rgba(255, 255, 255, 0.5); text-decoration: none; font-size: 0.82rem; transition: color 0.18s; }
  .sf-col a:hover { color: var(--sf-coral); }

  /* ========== BARRE LEGALE ========== */
  .sf-bottom { border-top: 1px solid rgba(255, 255, 255, 0.08); }
  .sf-bottom-inner {
    max-width: 1200px; margin: 0 auto;
    padding: 18px 40px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 8px 20px; flex-wrap: wrap;
    font-size: 0.74rem; color: rgba(255, 255, 255, 0.35);
  }
  .sf-legal { display: flex; gap: 7px 18px; flex-wrap: wrap; }
  .sf-legal a { color: rgba(255, 255, 255, 0.45); text-decoration: none; transition: color 0.18s; }
  .sf-legal a:hover { color: var(--sf-coral); }

  @media (max-width: 980px) {
    .sf-inner { grid-template-columns: 1fr 1fr; padding: 40px 24px 32px; gap: 30px; }
    .sf-brand { grid-column: 1 / -1; max-width: 460px; }
  }
  @media (max-width: 520px) {
    .sf-inner { grid-template-columns: 1fr; }
    .sf-bottom-inner { flex-direction: column; align-items: flex-start; padding: 16px 24px; }
  }