/* ============================================================
   Site footer  (EWW-13)

   Moved out of index.html's inline <style> so the
   homepage and the service landing pages share one copy.
   Colours darkened where needed for WCAG AA (see inline notes).
   Expects the site's :root tokens (--navy, --teal2).

   Markup lives in core/templates/core/_site_footer.html
   ============================================================ */

footer {
  background: var(--navy);
  padding: 2.2rem 6%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

.footer-logo { font-size: 1rem; font-weight: 800; color: #fff; }
.footer-logo span { color: var(--teal2); }

.footer-links { display: flex; gap: 1.6rem; flex-wrap: wrap; }
/* On navy: links 6.8:1 and copyright 5.6:1 (were 3.9:1 and 2.2:1);
   WCAG AA needs 4.5:1. The copyright stays a step dimmer than the links. */
.footer-links a { font-size: 0.81rem; color: rgba(255,255,255,0.62); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: var(--teal2); }
.footer-links a:focus-visible { color: var(--teal2); outline: 2px solid var(--teal2); outline-offset: 3px; border-radius: 4px; }
.footer-copy { font-size: 0.78rem; color: rgba(255,255,255,0.55); }

@media (max-width: 760px) {
  footer { flex-direction: column; text-align: center; padding: 1.8rem 5%; gap: 0.8rem; }
  .footer-links { justify-content: center; gap: 1.2rem; }
}