/**
 * Contact Section Mobile Layout Fix
 * Keeps WhatsApp and Instagram on same line (horizontal) on mobile
 * Hides English subtitle
 */

/* Hide English "CONTACT" subtitle */
.contact-header .section-subtitle {
    display: none !important;
}

/* Override the vertical stacking on mobile - keep horizontal layout */
@media (max-width: 768px) {
    .contact-methods {
        flex-direction: row !important;
        justify-content: center;
        flex-wrap: wrap;
        gap: 1rem;
    }
}

@media (max-width: 480px) {
    .contact-methods {
        flex-direction: row !important;
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.8rem;
    }

    /* Make contact links slightly smaller to fit better on mobile */
    .contact .contact-link,
    section.contact .contact-link {
        min-width: 140px;
        max-width: 160px;
        padding: 1.2rem 1.5rem !important;
    }
}