footer {
    background-color: var(--footer-bg-light);
    color: var(--footer-text-light);
    padding: 20px 0;
    margin-top: 20px;
}
.footer-content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}
.footer-section {
    flex: 1;
    min-width: 200px;
}
.footer-section h3 {
    color: var(--footer-text-light);
    margin-bottom: 10px;
}
body.dark-mode h3 {
    color: var(--footer-text-dark);
}
.emergency-notice {
    background-color: #ff4444;
    font-weight: bold;
}
.footer-links a {
    color: var(--footer-link-light);
    text-decoration: none;
}
.footer-links a:hover {
    text-decoration: underline;
    color: var(--footer-link-hover-light);
}
.social-links i,
.social-links svg {
    color: #141414; /* Default black color */
    font-size: 24px;
}
.social-links i:hover,
.social-links svg:hover {
    color: #3b5998 !important; /* Facebook blue on hover, with !important for specificity */
}
body.dark-mode footer {
    background-color: var(--footer-bg-dark);
}
body.dark-mode .social-links i,
body.dark-mode .social-links svg {
    color: #f8f9fa; /* White in dark mode */
}
body.dark-mode .social-links i:hover,
body.dark-mode .social-links svg:hover {
    color: #3b5998 !important; /* Keep Facebook blue hover in dark mode */
}
body.dark-mode .footer-content {
    color: var(--footer-text-dark);
}
body.dark-mode .footer-links a {
    color: var(--footer-link-dark);
}
body.dark-mode .footer-links a:hover {
    color: var(--footer-link-hover-dark);
}
body.dark-mode .emergency-notice {
    background-color: #DC353C;
}
.footer-section a[href^="mailto"] {
    color: #0e8e2a; /* Green to match your theme */
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Optional: make it stand out */
}
.footer-section a[href^="mailto"]:hover {
    color: black; /* Black on hover for contrast */
    text-decoration: underline; /* Optional: add underline on hover for interactivity */
}
body.dark-mode .footer-section a[href^="mailto"] {
    color: #2ecc71; /* Lighter green in dark mode for visibility */
}
body.dark-mode .footer-section a[href^="mailto"]:hover {
    color: #f8f9fa; /* White on hover in dark mode */
}