/* ============================================================
   Melbet CI — Footer CSS
   ============================================================ */

.footer{
  background:var(--color-dark);padding:2.5rem 0 0;
  border-top:3px solid var(--color-primary);
}
.footer-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1.5rem;margin-bottom:2rem;
}
.footer-col h4{
  color:var(--color-primary);font-size:.9rem;margin-bottom:.8rem;
  text-transform:uppercase;letter-spacing:.05em;
}
.footer-col a{
  display:block;color:var(--color-muted);font-size:.85rem;
  padding:.25rem 0;transition:color var(--transition);
}
.footer-col a:hover{color:var(--color-primary)}

/* --- Footer Bottom --- */
.footer-bottom{
  border-top:1px solid rgba(255,255,255,.06);
  padding:1.2rem 0;text-align:center;
}
.footer-bottom p{font-size:.8rem;color:var(--color-muted);margin:.3rem 0}
.footer-badge-18{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;
  border:2px solid var(--color-danger);color:var(--color-danger);
  font-weight:800;font-size:.75rem;margin:.5rem;
}
.footer-disclaimer{
  max-width:800px;margin:0 auto;font-size:.75rem;
  color:var(--color-muted);line-height:1.5;
}
.footer-partners{
  display:flex;align-items:center;justify-content:center;
  gap:.75rem;margin:.75rem 0;flex-wrap:wrap;
}
.footer-partners img,.footer-partners svg{
  height:24px;opacity:.5;filter:grayscale(1);
}

@media(max-width:600px){
  .footer{padding:1.5rem 0 0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:1rem}
  .footer-col h4{font-size:.8rem}
}