/* Footer — TB global footer chrome (scoped to the .footer-nav menu module). */

/* ── Footer nav items — body-sm type (!important beats Divi's generated menu font CSS) ── */
.footer-nav .et-menu a,
.footer-nav .et_mobile_menu a {
  font-size: var(--text-body-sm) !important;
  font-family: var(--font-brandon-grotesque) !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0.1em !important;
}

/* ── Stacked menu on tablet/mobile — column layout, items hug their text, 1rem row-gap is the
      only spacing (Divi's menu links carry 31px vertical padding that swallowed the gap) ── */
@media (max-width: 980px) {
  #menu-footer-menu {
    flex-direction: column !important;
    align-items: center;
    row-gap: 1rem;
    margin-left: 0 !important;   /* Divi's -11px li-padding offset skews the centered stack */
  }
  .footer-nav .et_pb_menu__logo { margin-right: 0 !important; }   /* Divi's 30px logo↔menu gap skews the centered logo */
  .footer-nav .et-menu a { padding-top: 0 !important; padding-bottom: 0 !important; }
}