/* Global footer styles extracted from FAQ page and standardized sitewide */
/* Depends on design tokens in assets/css/styles.css (:root vars) */

.site-footer { border-top: 1px solid var(--border); background: var(--footer-bg); padding: 26px 0; color: #FFFFFF; }
.footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; text-align: center; }
.footer-grid.equal-3 { grid-template-columns: repeat(3, 1fr); }
.footer-brand { display: flex; justify-content: center; align-items: center; gap: 8px; margin-bottom: 12px; }
.footer-legal { text-align: center; margin-top: 12px; }
.footer-links { list-style: none; padding: 0; }
.footer-links { display: inline-block; text-align: left; }
.footer-links.center { text-align: center; }
.footer-links li { margin: 6px 0; }
.social-icons { display: flex; justify-content: center; gap: 12px; margin-top: 10px; }

/* Footer link and icon colors for dark background */
.site-footer a { color: #FFFFFF; }
.site-footer .icon svg { stroke: #FFFFFF; }
.site-footer .company-name { color: #FFFFFF !important; }
.site-footer h4, .site-footer p { color: #FFFFFF; }
.site-footer .muted { color: #DDDDDD; }
.social-icons svg { width: 22px; height: 22px; stroke: var(--black); fill: none; stroke-width: 2; }
.social-icons a:hover svg { stroke: var(--yellow); }

@media (max-width: 900px) {
  .footer-grid { grid-template-columns: 1fr; }
}