/* =========================================================
   FOOTER.CSS
   RÔLE : footer commun à tout Zutil
   UTILISÉ PAR : toutes les pages
========================================================== */
/* =========================================================
       FOOTER
    ========================================================== */
    footer {
      padding: 48px 0 32px;
      color: var(--muted);
      text-align: center;
      font-size: 0.9rem;
    }

    .footer-links {
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

    .footer-links a {
      padding: 8px 12px;
      border-radius: 999px;
      background: rgba(255,255,255,0.55);
      font-weight: 700;
    }

    details { margin-top: 10px; }

    summary {
      cursor: pointer;
      color: var(--dark);
      font-weight: 800;
    }