/* Footer — Theme Builder global footer chrome. */

/* ── Footer menu — stacks to a centered column ≤980px ──
   `.pa-open-mobile-menu` (mobile-menu.css) keeps the list visible in place of
   Divi's hamburger; this stacks the ul itself.

   Both declarations need `!important` — Divi sets `align-items: stretch` on
   `.et_pb_menu .et_pb_menu__menu > nav > ul` (0,2,2), which outranks this
   selector. Drop the `!important` and the centering silently stops. */
@media (max-width: 980px) {
  .et-l--footer .et-menu {
    flex-direction: column !important;
    align-items: center !important;
  }
}

/* ── Footer nav links — Figma Footer Nav: Sequoia Bold 24px desktop / 16px + 0.1em mobile ── */
.eos-footer-nav .et-menu a {
  font-family: var(--font-sequoia);
  font-weight: 700;
  font-size: clamp(1rem, 0.861rem + 0.591vw, 1.5rem);
  letter-spacing: 0;
}
@media (max-width: 980px) {
  .eos-footer-nav .et-menu a { letter-spacing: 0.1em; }
  /* stacked list: drop Divi's ~31px link padding, space items 8px apart (Figma) */
  .eos-footer-nav .et-menu { row-gap: 0.5rem; }
  .eos-footer-nav .et-menu > li > a { padding-top: 0 !important; padding-bottom: 0 !important; }
}
.eos-footer-nav .et_pb_menu__logo { margin-right: 0; }

/* ── Footer contact links — Call / Text / Email each on their own line via a
   flex column (no <br>). Items size to their text so the hover underline
   (utilities.css, which also sets align-self: flex-start) stays under the
   words; centred ≤980px to match the module's centred text. ── */
.footer-contact p {
  display: flex;
  flex-flow: column wrap;
}
@media (max-width: 980px) {
  .footer-contact a { align-self: center; }
}

/* ── Footer hours — [hours split="time"] puts each day's time on its own line;
   the footer uses a tighter gap between days than Contact Us (site-info.css). ── */
.et-l--footer .site-hours__row + .site-hours__row { margin-top: 0.5rem; }