/* 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;
  }
}

/* ── Reid footer menu — link spacing ──
   Desktop: 52px between items in the dark band (Divi ships 22px; the <ul> is
   pulled out by the same amount so the row stays centred).
   ≤980px: stacked links on a 32px pitch (Divi adds 8px above each <li> and
   8px below each link). Selectors match Divi's own depth so they win. */
@media (min-width: 981px) {
  .et-l--footer .reid-footer-nav .et_pb_menu__menu > nav > ul > li {
    padding-left: 1.625rem;
    padding-right: 1.625rem;
  }
  .et-l--footer .reid-footer-nav .et_pb_menu__menu > nav > ul {
    margin-left: -1.625rem;
    margin-right: -1.625rem;
  }
}
@media (max-width: 980px) {
  .et-l--footer .reid-footer-nav .et_pb_menu__menu > nav > ul > li {
    margin-top: 0;
  }
  .et-l--footer .reid-footer-nav .et_pb_menu__menu > nav > ul > li > a {
    padding-bottom: 0.5rem;
  }
}

/* ── Footer phone — normal tracking, as in the Figma ──
   site-info.css spaces [phone] digits 0.06em; the footer sets it like the
   email line beneath it. */
.et-l--footer .site-phone {
  letter-spacing: normal;
}