/* ==========================================================================
   FOOTER — footer.php
   A dark widget band over a darker copyright bar. Four columns: brand blurb,
   quick links, treatments, contact details.
   ========================================================================== */

.aumtm-footer { background: var(--aumtm-ink); color: var(--aumtm-on-dark-dim); }

.aumtm-footer__widgets {
  padding-block: clamp(3.5rem, 6vw, 5rem);
}

.aumtm-footer__cols {
  display: grid;
  grid-template-columns: 1.6fr 1fr 1fr 1.3fr;
  gap: clamp(2rem, 4vw, 3.5rem);
}

.aumtm-footer__title {
  margin-bottom: 1.375rem;
  color: #fff;
  font-size: var(--aumtm-fs-sm);
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.aumtm-footer__about p {
  font-size: var(--aumtm-fs-sm);
  line-height: 1.9;
}
.aumtm-footer__about .aumtm-logo { margin-bottom: 1.25rem; }
.aumtm-footer__about .aumtm-logo__mark { border-color: rgba(255, 255, 255, 0.35); color: #fff; }
.aumtm-footer__about .aumtm-logo__text strong { color: #fff; }
.aumtm-footer__about .aumtm-logo__text span { color: var(--aumtm-on-dark-dim); }

.aumtm-footer__list { display: grid; gap: 0.75rem; }
.aumtm-footer__list a {
  font-size: var(--aumtm-fs-sm);
  transition: color var(--aumtm-dur) var(--aumtm-ease),
              padding-left var(--aumtm-dur) var(--aumtm-ease);
}
.aumtm-footer__list a:hover { color: var(--aumtm-cyan-soft); padding-left: 5px; }

.aumtm-footer__contact { display: grid; gap: 1rem; font-size: var(--aumtm-fs-sm); }
.aumtm-footer__contact li { display: flex; gap: 0.75rem; align-items: flex-start; }
.aumtm-footer__contact svg {
  width: 16px; height: 16px; flex: none; margin-top: 0.4em;
  stroke: var(--aumtm-cyan); fill: none; stroke-width: 1.7;
}
.aumtm-footer__contact a:hover { color: var(--aumtm-cyan-soft); }

.aumtm-footer__social { display: flex; gap: 0.625rem; margin-top: 1.75rem; }
.aumtm-footer__social a {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--aumtm-line-dark);
  border-radius: var(--aumtm-radius);
  color: var(--aumtm-on-dark-dim);
  transition: background var(--aumtm-dur) var(--aumtm-ease),
              color var(--aumtm-dur) var(--aumtm-ease),
              border-color var(--aumtm-dur) var(--aumtm-ease);
}
.aumtm-footer__social a:hover {
  background: var(--aumtm-blue);
  border-color: var(--aumtm-blue);
  color: #fff;
}
.aumtm-footer__social svg { width: 16px; height: 16px; fill: currentColor; }

/* ---------- Copyright bar ---------- */
.aumtm-footer__bar {
  background: var(--aumtm-ink-deep);
  border-top: 1px solid var(--aumtm-line-dark);
  padding-block: 1.375rem;
}
.aumtm-footer__bar-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  font-size: var(--aumtm-fs-xs);
}
.aumtm-footer__legal { display: flex; flex-wrap: wrap; gap: 1.25rem; }
.aumtm-footer__legal a:hover { color: var(--aumtm-cyan-soft); }

/* ---------- Disclaimer ----------
   A treatment site needs one. The whole paragraph is a single editable field
   rather than a sentence with the business name slotted in, so the wording
   itself can be rewritten — which is what a solicitor or insurer will ask for. */
.aumtm-footer__disclaimer {
  margin-top: 2.5rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--aumtm-line-dark);
  font-size: var(--aumtm-fs-xs);
  line-height: 1.85;
  color: #8A8A8A;
  max-width: 90ch;
}

@media (max-width: 980px) {
  .aumtm-footer__cols { grid-template-columns: 1fr 1fr; }
  .aumtm-footer__about { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .aumtm-footer__cols { grid-template-columns: 1fr; }
  .aumtm-footer__bar-inner { justify-content: center; text-align: center; }
}

/* The copyright line accepts markup, so an image can end up in it. Scale it to
   the bar rather than letting a full-size logo set the height of the footer. */
.aumtm-footer__bar-inner img {
  display: inline-block;
  max-height: 26px;
  width: auto;
  vertical-align: middle;
  margin-inline: 0.25rem;
}
.aumtm-footer__bar-inner a { text-decoration: none; }
.aumtm-footer__bar-inner a:hover { color: var(--aumtm-cyan-soft); }