/* Footer chrome + the site-wide pre-footer band. Enqueued globally.
   Geometry measured off the Elementor footer (template #81): a 5px purple top
   rule, map left / Quick Contact right in a 1140 container, purple credit bar. */

/* -------------------------------------------------------- pre-footer band
   Off by default on this site (the old build had no such band) — kept so a
   site-wide CTA has a home other than being pasted into every page. */
.bramhall-scouts-prefooter {
  background: var(--bramhall-scouts-purple);
  color: var(--bramhall-scouts-text-invert);
  padding-block: clamp(36px, 5vw, 64px);
}
.bramhall-scouts-prefooter__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.bramhall-scouts-prefooter h2 { margin: 0 0 .25em; color: inherit; }
.bramhall-scouts-prefooter p { margin: 0; opacity: .9; }
.bramhall-scouts-prefooter .bramhall-scouts-btn {
  background: var(--bramhall-scouts-text-invert);
  color: var(--bramhall-scouts-purple);
}
.bramhall-scouts-prefooter .bramhall-scouts-btn:hover {
  background: var(--bramhall-scouts-text-invert);
  color: var(--bramhall-scouts-purple-alt);
}

/* -------------------------------------------------------------- the footer */
.bramhall-scouts-footer {
  background: var(--bramhall-scouts-bg);
  color: var(--bramhall-scouts-heading);
  border-top: 5px solid var(--bramhall-scouts-purple);
}

.bramhall-scouts-footer__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-block: 20px;
}

/* Map: the old iframe asked for 600x250 and was capped by its half-column. */
.bramhall-scouts-footer__map { padding: 0 10px; }
.bramhall-scouts-footer__map iframe {
  display: block;
  width: 100%;
  max-width: 600px;
  height: 250px;
  border: 0;
}

.bramhall-scouts-footer__contact { padding: 0 10px; text-align: center; }

.bramhall-scouts-footer__heading {
  margin: 0;
  padding: 15px;
  font-size: 26px;
  font-weight: 600;
  color: var(--bramhall-scouts-heading);
}

.bramhall-scouts-footer__people { list-style: none; margin: 0; padding: 0; }
.bramhall-scouts-footer__person + .bramhall-scouts-footer__person { margin-top: 20px; }

.bramhall-scouts-footer__person-name {
  margin: 0;
  font-size: 20px;
  font-weight: 500;
  color: var(--bramhall-scouts-heading);
}
.bramhall-scouts-footer__person-email { margin: 0; }
.bramhall-scouts-footer__person-email a {
  color: var(--bramhall-scouts-purple);
  text-decoration: none;
  word-break: break-word;
}
.bramhall-scouts-footer__person-email a:hover { color: var(--bramhall-scouts-purple-alt); text-decoration: underline; }

/* Social row — renders only when a URL is filled in; the old site had none. */
.bramhall-scouts-social { display: flex; justify-content: center; gap: 12px; margin-top: 16px; }
.bramhall-scouts-social__link {
  display: grid;
  place-items: center;
  width: 38px; height: 38px;
  border-radius: 50%;
  color: var(--bramhall-scouts-purple);
  border: 1px solid currentColor;
  transition: background .2s var(--bramhall-scouts-ease), color .2s var(--bramhall-scouts-ease);
}
.bramhall-scouts-social__link:hover {
  background: var(--bramhall-scouts-purple);
  color: var(--bramhall-scouts-text-invert);
}

/* -------------------------------------------------------- the credit bar */
.bramhall-scouts-footer__credit {
  background: var(--bramhall-scouts-purple);
  color: var(--bramhall-scouts-text-invert);
  padding-block: 10px;
  text-align: center;
}
.bramhall-scouts-footer__credit a { color: var(--bramhall-scouts-text-invert); text-decoration: none; }
.bramhall-scouts-footer__credit a:hover { text-decoration: underline; }

/* The old footer's two columns stacked at Elementor's tablet breakpoint. */
@media (max-width: 1024px) {
  .bramhall-scouts-footer__inner { grid-template-columns: 1fr; gap: 24px; }
  .bramhall-scouts-footer__map iframe { margin-inline: auto; }
}