/* Footer Responsive Styles */
footer {
    transition: all 0.3s ease;
}

@media (min-width: 768px) {
    .text-white-md {
        color: #fff !important;
    }
}

@media (max-width: 767.98px) {
    footer {
        background-color: #f8f9fa !important;
    }
    
    footer .text-muted {
        color: #6c757d !important;
    }
    
    footer a {
        color: #0d6efd !important;
    }
    
    footer a:hover {
        color: #0a58ca !important;
        text-decoration: underline !important;
    }
}

/* Add gap between footer elements on mobile */
@media (max-width: 767.98px) {
    footer .col-12:first-child {
        margin-bottom: 0.5rem;
    }
}