/* ============================================
   MOBILE FOOTER WHITE BACKGROUND
   Change footer background from grey to white on mobile only
   ============================================ */

/* Desktop footer - Keep original grey background */
.footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #2c3e50 !important;
    color: white !important;
    padding: 2rem 0 !important;
    text-align: center !important;
    transform: none !important;
    clip-path: none !important;
    mask: none !important;
    filter: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

/* Mobile footer - WHITE background */
@media (max-width: 768px) {
    .footer {
        background: #ffffff !important;
        color: #333333 !important;
        padding: 2rem 0 !important;
        text-align: center !important;
        transform: none !important;
        clip-path: none !important;
        mask: none !important;
        filter: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }
    
    /* Mobile footer links - Dark text for white background */
    .footer-link {
        color: #333333 !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        cursor: pointer !important;
    }
    
    /* Mobile footer links hover - Blue color for white background */
    .footer-link:hover {
        color: #3498db !important;
        text-decoration: underline !important;
    }
    
    /* Mobile footer active links - Blue color for white background */
    .footer-link.active {
        color: #3498db !important;
        text-decoration: underline !important;
    }
}

/* Footer sections - Keep original colors */
.footer-section {
    color: white !important;
}

/* Footer contact info - Keep original colors */
.footer-contact .contact-item {
    color: white !important;
}

/* Footer social links - Keep original colors */
.footer-social .social-link {
    color: white !important;
}

/* Footer copyright - Keep original color */
.footer-bottom {
    color: white !important;
}

/* Footer section headers - Keep original colors */
.footer-section h4,
.footer-section h5 {
    color: white !important;
}

/* Footer text - Keep original colors */
.footer p,
.footer span {
    color: white !important;
}