/* Footer — logo + stacked pill nav + info grid (Theme Builder global footer). */

/* ── .ftr-nav — stacked pill nav (code module) ──────────────── */
.ftr-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.85rem;
}

/* ── .ftr-divider — vertical med-green line between nav + info.
      Its own flex item (code module, desktop-only): the column's
      space-between keeps the gap even on both sides of it. ───── */
.ftr-divider {
  width: 3px;
  height: 15.8125rem;
  background: var(--med-green);
}

/* ── .ftr-info — 2×2 info grid (Visit/Contact over Hours/Follow) ── */
.ftr-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(11rem, 1fr));
  gap: 2.5rem 4rem;
  align-items: start;
}

/* ≤980px — single centered column (Figma order: Visit, Contact, Hours,
   Follow); the divider flips horizontal above the blocks (the vertical
   .ftr-divider module is disabled on tablet/phone in the builder). */
@media (max-width: 980px) {
  .ftr-info {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    gap: 2rem;
    border-top: 2px solid var(--white);
    padding-top: 2.5rem;
  }
}