/* Canonical Medcare footer for legacy static pages. Keep this scope footer-only. */
.site-footer {
  padding: 60px 0 26px;
  color: rgba(255,255,255,.72);
  background: #122622;
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
.site-footer *, .site-footer *::before, .site-footer *::after { box-sizing: border-box; }
.site-footer .container {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}
.site-footer a { color: inherit; text-decoration: none; }
.site-footer img { display: block; max-width: 100%; }
.site-footer .footer-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
  gap: 35px;
  padding-bottom: 44px;
}
.site-footer .footer-brand img { width: 150px; height: auto; margin-bottom: 17px; }
.site-footer .footer-brand p { max-width: 310px; margin: 0; font-size: .88rem; }
.site-footer .footer-title {
  margin-bottom: 14px;
  color: #fff;
  font-size: .77rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 850;
}
.site-footer .footer-links { display: grid; gap: 8px; font-size: .86rem; }
.site-footer .footer-links a:hover { color: #8de0b8; }
.site-footer .footer-hours {
  display: flex;
  align-items: baseline;
  gap: 14px;
  margin-bottom: 24px;
  padding: 14px 17px;
  border: 1px solid rgba(141,224,184,.24);
  border-radius: 16px;
  color: rgba(255,255,255,.84);
  background: rgba(255,255,255,.045);
  font-size: .86rem;
}
.site-footer .footer-hours-label { color: #8de0b8; }
.site-footer .footer-hours-schedule { font-weight: 800; }
.site-footer .footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.13);
  font-size: .78rem;
}
.site-footer .footer-bottom p { margin: 0; }
.site-footer .footer-bottom a { color: #8de0b8; }
@media (max-width: 920px) {
  .site-footer .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
  .site-footer .footer-grid > :first-child { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .site-footer .container { width: min(1180px, calc(100% - 28px)); }
  .site-footer .footer-grid { grid-template-columns: 1fr; }
  .site-footer .footer-grid > :first-child { grid-column: auto; }
  .site-footer .footer-hours { display: grid; gap: 3px; margin-bottom: 20px; }
  .site-footer .footer-bottom { display: grid; gap: 10px; }
}
