.footer {
    background-color: #AFA79D; 
    color: #222;
    padding: 2rem 0;
    text-align: center;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 0;
}

.footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.footer-links a,
.footer-links .mud-navlink {
    color: #F8EDE3;
    text-decoration: none;
    font-weight: bold;
    font-size: 1rem;
    transition: color 0.2s;
}

.footer-links a:hover,
.footer-links .mud-navlink:hover {
    text-decoration: underline;
    color: #a7c2a5;
}

/* Only set color, not fill, for icon and text */
.footer-contact,
.footer-contact .mud-text,
.footer-contact .mud-icon,
.footer-contact * {
    color: #222 !important;
}

/* If you need to target SVG specifically, do: */
/*
.footer-contact svg {
    color: #222 !important;
}
*/

.footer-contact a {
    color: #1a4d2e !important;
    text-decoration: underline;
    font-weight: 500;
}

/* Social media section styling */
.footer-social {
    margin: 0.5rem 0;
}

.footer-facebook-link {
    color: #1877F2 !important; /* Facebook brand blue */
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.95rem;
    display: inline-flex;
    align-items: center;
    transition: all 0.2s ease;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
}

.footer-facebook-link:hover {
    color: #166fe5 !important; /* Slightly darker blue on hover */
    background-color: rgba(24, 119, 242, 0.1);
    text-decoration: none !important;
}

.footer-facebook-link .mud-icon {
    color: #1877F2 !important;
}

.footer-facebook-link:hover .mud-icon {
    color: #166fe5 !important;
}

.footer-logo {
    margin-top: 1rem;
    width: 70px;       /* Adjust as needed for your design */
    height: auto;      /* Maintain aspect ratio */
    opacity: 0.92;     /* Slightly transparent for subtlety */
    display: block;
}