/* css/footer.css */

/* Styles specific to the footer section */

.footer { 
    background: #111827; 
    color: #9ca3af; 
    padding: 4rem 0 2rem 0; 
    margin-top: auto; /* For sticky footer with body display:flex */
}
.footer-content { 
    display: flex; 
    flex-wrap: wrap; 
    gap: 2rem; 
    padding-bottom: 2rem; 
    border-bottom: 1px solid #374151; 
}
.footer-about { 
    flex: 2; 
    min-width: 250px; 
}
.footer-logo-text { 
    color: var(--text-light); 
    font-weight: 800; 
    font-size: 1.5rem; 
}
.footer-about p { 
    margin-top: 1rem; 
}
.footer-links { 
    flex: 1; 
    min-width: 150px; 
}
.footer-links h4 { 
    color: var(--text-light); 
    margin: 0 0 1rem 0; 
}
.footer-links ul { 
    list-style: none; 
    padding: 0; 
    display: flex; 
    flex-direction: column; 
    gap: .5rem; 
}
.footer-links a { 
    color: #9ca3af; 
    text-decoration: none; 
    transition: color .2s; 
}
.footer-links a:hover { 
    color: var(--text-light); 
    text-decoration: none;
}
.footer-bottom { 
    text-align: center; 
    padding-top: 2rem; 
    font-size: .9rem; 
}

@media (max-width: 768px) {
    .footer-content {
        flex-direction: column;
    }
}