/* ==========================================================================
   Footer spacing and column wrapping (Point FOOTER-RESP)
   ==========================================================================

   Migrated out of the Customizer's "Additional CSS" field, which lives only in
   the database: not in git, not deployed by pushing code, and installed only by
   running a per-feature script on each target. That is why five unrelated
   features silently reverted on www.mmspecs.com - the PHP that depends on this
   CSS shipped, and the CSS did not. See CLAUDE.md, "Site CSS lives in git".

   Edit these files, commit, push. There is no install step.
   ========================================================================== */

/* Point FOOTER-RESP - footer horizontal spacing + column wrapping.
   Two problems, both only visible below ~1200px:
   1. The primary footer row had no horizontal padding at all (the
      below-footer row already had 35px), so the logo sat flush against the
      left edge and the address column against the right.
   2. The row is 5 equal columns. Astra's only responsive boundary is its
      tablet breakpoint at 921px, so everything from 922px to 1300px kept
      all 5 columns and squeezed them - the address wrapped to 3 lines and
      the menus collapsed into narrow strips. Astra has no bucket for that
      band, so the step-downs below key off real viewport widths instead.
   Selector carries .ast-builder-grid-row-container to outrank Astra's own
   .ast-builder-grid-row-container.ast-builder-grid-row-tablet-5-equal rule
   inside its 921px media query, which would otherwise win on specificity.
   For the same reason every rule below is floored at 545px: Astra stacks
   the footer to a single column at its 544px mobile breakpoint via an
   equally specific selector, and an unfloored max-width rule here beat it
   and left the footer 2-up on phones. */
.site-primary-footer-wrap.ast-builder-grid-row-container .ast-builder-grid-row {
	padding-left: 35px;
	padding-right: 35px;
}
@media (min-width: 545px) and (max-width: 1200px) {
	.site-primary-footer-wrap.ast-builder-grid-row-container .ast-builder-grid-row {
		grid-template-columns: repeat(3, 1fr);
		row-gap: 40px;
	}
}
@media (min-width: 545px) and (max-width: 800px) {
	.site-primary-footer-wrap.ast-builder-grid-row-container .ast-builder-grid-row {
		grid-template-columns: repeat(2, 1fr);
	}
}