/* 2026-08-31 PageSpeed: Open Sans self-hosted (variable font, v44, the
   exact same files Google Fonts was serving) -- the css2 stylesheet +
   fonts.gstatic.com chain was the single longest critical path in the
   audit (~2.5s: HTML -> css2 -> woff2 across two extra origins). Same
   two latin subsets, same unicode-ranges, zero visual change -- just no
   third-party round-trips. Served from assets/fonts/ like every other
   face on the site. */
@font-face{
  font-family:'Open Sans';
  src:url('../fonts/OpenSans-Variable-latin.woff2') format('woff2-variations'), url('../fonts/OpenSans-Variable-latin.woff2') format('woff2');
  font-weight:300 800; font-display:swap;
  unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face{
  font-family:'Open Sans';
  src:url('../fonts/OpenSans-Variable-latinext.woff2') format('woff2-variations'), url('../fonts/OpenSans-Variable-latinext.woff2') format('woff2');
  font-weight:300 800; font-display:swap;
  unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* ==========================================================================
   SITE-WIDE FOOTER (child theme override, 2026-08-21)
   Loads on every page (not gated to the homepage template), so this file
   is fully self-contained — it does not depend on the #mm-home design
   tokens defined in homepage.css, which only exist on the redesigned
   homepage template.
   ========================================================================== */

#colophon.mm-footer{
  background:#0A0A0A;
  color:#9A9A9A;
  font-family:'Open Sans',Arial,Verdana,Tahoma,sans-serif;
  padding:0;
}

#colophon.mm-footer a{color:inherit;text-decoration:none;}

/* ---- main grid ---- */
#colophon .mm-footer-main{padding:56px 0 40px;}
#colophon .mm-footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:40px;
}

#colophon .mm-footer-heading{
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin:0 0 18px;
}

#colophon .mm-footer-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
#colophon .mm-footer-links a{font-size:14.5px;line-height:1.4;transition:color 150ms ease;}
#colophon .mm-footer-links a:hover{color:#fff;}

/* ---- brand column ---- */
#colophon .mm-footer-logo{display:inline-block;margin-bottom:16px;}
#colophon .mm-footer-logo img{width:140px;height:auto;display:block;}
#colophon .mm-footer-tagline{font-size:14.5px;line-height:1.6;margin:0 0 18px;max-width:32ch;color:#9A9A9A;} /* 2026-08-31: explicit color added -- a bare `p{color:#383838de}` rule from the parent theme's preload_css.php was winning over the inherited #9A9A9A from #colophon.mm-footer (inherited values always lose to any directly-matching rule, regardless of its specificity), rendering this text at ~1.9:1 contrast instead of the intended ~7:1. */
#colophon .mm-footer-contact{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px;}
#colophon .mm-footer-contact a:hover{color:#fff;}

#colophon .mm-footer-socials{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
#colophon .mm-footer-social-link{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;
  opacity:.75;transition:opacity 150ms ease;
}
#colophon .mm-footer-social-link:hover{opacity:1;}
#colophon .mm-footer-social-link img{height:18px;width:auto;filter:invert(1);display:block;}

/* ---- trust column (certifications + payments) ---- */
#colophon .mm-footer-badges{display:flex;flex-direction:column;gap:14px;margin-bottom:22px;}
#colophon .mm-footer-badges img{width:auto;height:44px;object-fit:contain;}
#colophon .mm-footer-payments{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
#colophon .mm-footer-payments img{height:26px;width:auto;object-fit:contain;opacity:.9;}

/* ---- bottom bar ---- */
#colophon .mm-footer-bottom{border-top:1px solid rgba(255,255,255,.08);}
#colophon .mm-footer-bottom-row{padding:20px 0;}
#colophon .mm-footer-copy{margin:0;font-size:13px;color:#9A9A9A;} /* 2026-08-31: was #6E6E6E (~3.89:1 on #0A0A0A, fails AA) -- now reuses the footer's own base muted color (#9A9A9A, ~7:1), consistent with the rest of the footer instead of a separately-invented darker shade. */

/* ---- responsive ---- */
@media(max-width:980px){
  #colophon .mm-footer-grid{grid-template-columns:1fr 1fr;row-gap:36px;}
}
@media(max-width:599px){
  #colophon .mm-footer-main{padding:40px 0 32px;}
  #colophon .mm-footer-grid{grid-template-columns:1fr;gap:32px;text-align:left;}
  #colophon .mm-footer-tagline{max-width:none;}
}