/* CSS du footer COPILOF — centralisé depuis contenu-des-pages-optimisees/accueil/index.html
   Source de vérité unique. Modifier ici, pas dans les pages.
   Dépend des variables définies dans le :root inline de chaque page
   (--navy, --teal, --line, --muted, --fb, --container, etc.)
   et des tokens de assets/css/brand.css. */

/* ===== FOOTER (partial officiel COPILOF) ===== */
footer{background:var(--navy);color:#c3d1de;padding:56px 0 22px}
.footer-brand{max-width:var(--container);margin:0 auto 28px;padding:0 24px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.footer-logo-plate{background:#fff;padding:10px 16px;border-radius:12px;display:inline-block}
.footer-logo-plate img{height:44px;width:auto;display:block}
.footer-tagline{color:#aebccb;font-size:.95rem}
.footer-content{max-width:var(--container);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
@media(max-width:900px){.footer-content{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-content{grid-template-columns:1fr}}
.footer-section h3{color:#fff;font-family:var(--fb);font-size:1rem;margin-bottom:12px}
.footer-section ul{list-style:none}
.footer-section li{margin:8px 0}
.footer-section a{color:#bccbd9;font-size:.9rem}
.footer-section a:hover{color:var(--teal)}
/* Lien mis en avant dans le footer (Tarifs) : pastille pulsante + va-et-vient
   discret. Teal sur navy = 5,11:1, AA. L'animation est neutralisee plus bas
   pour qui a desactive les animations. */
.footer-section a.footer-highlight{color:var(--teal);font-family:var(--fb);font-weight:700;display:inline-flex;align-items:center;gap:8px;transform-origin:left center;animation:footerNudge 2.8s ease-in-out infinite;transition:color .25s}
.footer-section a.footer-highlight::before{content:"";flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--teal);animation:footerDot 1.8s ease-out infinite}
.footer-section a.footer-highlight:hover{color:#fff}
@keyframes footerNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@keyframes footerDot{0%{box-shadow:0 0 0 0 rgba(40,174,197,.65)}70%{box-shadow:0 0 0 8px rgba(40,174,197,0)}100%{box-shadow:0 0 0 0 rgba(40,174,197,0)}}
@media(prefers-reduced-motion:reduce){
  .footer-section a.footer-highlight,
  .footer-section a.footer-highlight::before{animation:none}
}
.footer-contact p{font-size:.9rem;margin:7px 0;display:flex;align-items:center;gap:6px;color:#c3d1de}
.contact-icon svg{width:16px;height:16px;color:var(--teal);vertical-align:middle}
.footer-bottom{max-width:var(--container);margin:30px auto 0;padding:18px 24px 0;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:.82rem;color:#93a6b7}
.footer-bottom a{color:#bccbd9}.footer-bottom a:hover{color:var(--teal)}
.footer-updated{margin-top:6px;color:#8FA3B6}
.footer-legal{margin-top:4px;color:#8FA3B6;font-size:.78rem}