/* ============================================================
   components/footer.css
   Dark card. Section columns + a legal line. No outer margin.
   ============================================================ */
.rfi-footer { background: var(--rfi-footer); border-radius: var(--rfi-radius); padding: 32px 36px; color: var(--rfi-inverse-strong); }
.rfi-footer__cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.rfi-footer__col h2 {
  font-family: var(--rfi-font-ui); font-size: 11.5px; font-weight: 600; letter-spacing: .8px;
  text-transform: uppercase; color: var(--rfi-inverse-mute); margin-bottom: 10px;
}
.rfi-footer__col a { display: block; font-size: 13.5px; color: var(--rfi-inverse-soft); padding: 3px 0; }
.rfi-footer__col a:hover { color: var(--rfi-inverse); }
.rfi-footer__legal { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--rfi-inverse-line); font-size: 12.5px; color: var(--rfi-inverse-faint); }
.rfi-footer__cookie { background: none; border: 0; padding: 0; color: var(--rfi-inverse-soft); font: inherit; font-size: 12.5px; text-decoration: underline; cursor: pointer; }
.rfi-footer__cookie:hover { color: var(--rfi-inverse); }