/* Footer-specific responsive fixes */

@media (max-width: 768px) {
    .footer {
        overflow-x: hidden;
    }

    .footer .container,
    .footer-grid,
    .footer-cta,
    .footer-cta-content {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
    }

    .footer-grid {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .footer-cta {
        min-width: auto;
        grid-column: 1 / -1;
    }

    .footer-cta-content {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
    }

    .whatsapp-btn,
    .social-link {
        width: 100%;
        max-width: 100%;
        white-space: normal;
        justify-content: center;
    }
}