/* Footer locations grid — loaded globally because the footer appears on every page. */
.mma-footer-locations .wp-block-post-template {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: var(--wp--preset--spacing--medium, 16px);
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Each location card centers its title and address so the grid reads as a
   balanced row at desktop widths and stays visually centered when it
   collapses to a single column on mobile. */
.mma-footer-location {
    color: inherit;
    text-align: center;
}

/* The whole card is one anchor opening that office in Google Maps (or an
   unwrapped div when no Maps URL is available). Block display gives a tap
   target that spans the card; the title/address are tall enough to clear the
   44px minimum without extra visual padding. */
.mma-footer-location__link,
.mma-footer-location__inner {
    display: block;
    color: inherit;
    text-decoration: none;
    min-height: 44px;
}

.mma-footer-location__title {
    margin: 0 0 0.25rem;
    text-align: center;
    font-size: var(--wp--preset--font-size--small, 0.875rem);
    font-weight: 600;
}

.mma-footer-location__address {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.4;
    font-style: normal;
    text-align: center;
}

/* Underline the title on hover/focus only; default inherits footer link color. */
.mma-footer-location__link:hover .mma-footer-location__title,
.mma-footer-location__link:focus-visible .mma-footer-location__title {
    text-decoration: underline;
}

/* Restore a visible focus ring: style.css resets `a:focus-visible { outline:
   none !important }` site-wide, so override it here with the theme's existing
   skip-link focus token (no new color introduced). */
.mma-footer-location__link:focus-visible {
    outline: 2px solid var(--wp--preset--color--pickled-bluewood-dark) !important;
    outline-offset: 2px;
    border-radius: 2px;
}

/* Shared contact info shown once below the locations grid because both
   offices currently share the same phone/fax. If the offices ever diverge,
   restore per-location phone/fax blocks inside the post-template loop and
   either remove this block or convert it back to per-location output. */
.mma-footer-shared-contact {
    text-align: center;
    margin-top: 1.5rem;
}

.mma-footer-shared-contact__intro {
    margin: 0 0 0.35rem;
    font-size: 0.85rem;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.75;
}

.mma-footer-shared-contact__phone,
.mma-footer-shared-contact__fax {
    margin: 0 0 4px;
    font-size: 0.95rem;
    line-height: 1.4;
    text-align: center;
}

.mma-footer-shared-contact a {
    color: inherit;
    text-decoration: none;
}

.mma-footer-shared-contact a:hover,
.mma-footer-shared-contact a:focus {
    text-decoration: underline;
}