/* ==========================================================================
   Digivolve Accountants - footer.css
   ========================================================================== */

.site-footer { background: var(--ink-3); color: var(--on-ink); padding-block: clamp(2.8rem, 5vw, 4.5rem) clamp(1.5rem, 3vw, 2.5rem); }
.site-footer__main {
  display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: clamp(1.75rem, 3vw, 2.75rem);
  align-items: baseline;
  padding-block: 0 clamp(2.5rem, 4vw, 3.25rem);
}
.footer-logo { display: inline-block; margin-left: -9px; margin-bottom: clamp(0.75rem, 1.5vw, 1.1rem); }
.footer-logo .brand__logo { height: 38px; width: auto; display: block; }
.footer-brand p { color: var(--on-ink-mute); font-size: 0.95rem; line-height: 1.6; max-width: 32ch; }
.footer-brand .tagline { font-family: var(--serif); font-style: italic; color: var(--gold); font-size: 1.05rem; margin-bottom: 1rem; }

.footer-contact { margin-top: 1.4rem; display: grid; gap: 0.45rem; font-size: 0.92rem; }
.footer-contact a, .footer-contact span { color: var(--on-ink); }
.footer-contact a:hover { color: var(--gold); }
.footer-contact .label { color: var(--on-ink-mute); font-size: 0.74rem; letter-spacing: 0.1em; text-transform: uppercase; }

.footer-col h4 {
  font-family: var(--sans); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--gold); margin-bottom: 1.1rem;
}
.footer-col a { display: block; padding: 0.3rem 0; font-size: 0.92rem; color: var(--on-ink-mute); transition: color 0.2s var(--ease); }
.footer-col a:hover { color: var(--on-ink); }

/* Areas line */
.footer-areas {
  padding-block: 1.6rem; border-top: 1px solid var(--on-ink-line);
  font-size: 0.92rem; color: var(--on-ink-mute); line-height: 1.7; max-width: 80ch;
}
.footer-areas a { color: var(--on-ink); border-bottom: 1px solid transparent; transition: color 0.2s var(--ease), border-color 0.2s var(--ease); }
.footer-areas a:hover { color: var(--gold); border-color: var(--gold); }

/* Accreditations + social */
.footer-accred {
  display: flex; flex-wrap: wrap; align-items: center; gap: clamp(1.5rem, 4vw, 3rem);
  padding-block: 1.8rem; border-top: 1px solid var(--on-ink-line);
}
.footer-accred__badge { display: inline-flex; align-items: center; gap: 0.55rem; font-size: 0.8rem; color: var(--on-ink-mute); font-weight: 600; letter-spacing: 0.03em; }
.footer-accred__badge svg { width: 22px; height: 22px; color: var(--gold); flex: none; }
.footer-social { margin-left: auto; display: flex; gap: 0.6rem; }
.footer-social a {
  width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%;
  border: 1px solid var(--on-ink-line); color: var(--on-ink-mute); transition: all 0.3s var(--ease);
}
.footer-social a:hover { color: var(--ink); background: var(--gold); border-color: var(--gold); }
.footer-social svg { width: 18px; height: 18px; }

/* Legal bar */
.footer-legal {
  display: flex; flex-wrap: wrap; gap: 0.6rem 1.6rem; align-items: center;
  padding-block: 1.6rem; border-top: 1px solid var(--on-ink-line);
  font-size: 0.8rem; color: var(--on-ink-mute);
}
.footer-legal a { color: var(--on-ink-mute); border-bottom: 1px solid transparent; }
.footer-legal a:hover { color: var(--on-ink); border-color: var(--on-ink-line); }
.footer-legal .spacer { margin-left: auto; }
.footer-credit a:hover { color: var(--gold); border-color: var(--gold); }

@media (max-width: 900px) {
  .site-footer__main { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .footer-accred { flex-direction: column; align-items: flex-start; gap: 1.1rem; }
  .footer-social { margin-left: 0; }
  .footer-legal .spacer { margin-left: 0; }
}
@media (max-width: 560px) {
  .site-footer__main { grid-template-columns: 1fr; }
  .footer-social { width: 100%; }
}