/* Additional Mobile-specific RTL fixes */
@media (max-width: 768px) {
    /* General RTL layout fixes for mobile */
    html[dir="rtl"] .container {
        direction: rtl;
    }
    
    /* Contact page specific RTL mobile fixes */
    .contact-section {
        direction: rtl !important;
    }
    
    /* Improve icons alignment in RTL on mobile */
    .rtl-icon {
        margin-left: 0 !important;
        margin-right: 12px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Make contact items display properly in RTL on mobile */
    .rtl-contact-item {
        flex-direction: row-reverse !important;
        display: flex !important;
        margin-bottom: 16px !important;
    }
    
    /* Make LTR content like phone numbers display correctly in RTL layout */
    .ltr-content {
        display: inline-block;
        width: 100%;
        text-align: right !important;
    }
    
    /* Fix social media icons spacing in RTL on mobile */
    .rtl-social-icons {
        justify-content: flex-end !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 16px !important;
    }
    
    .rtl-social-icon {
        margin-left: 0 !important;
        margin-right: 0 !important;
        min-width: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    /* Improve form layout in RTL on mobile */
    #contactForm label {
        text-align: right;
    }
    
    #contactForm input, #contactForm textarea, #contactForm select {
        text-align: right;
    }
    
    /* Fix spacing for RTL layout on mobile */
    .space-x-reverse {
        --tw-space-x-reverse: 1 !important;
    }
    
    /* Ensure touch targets are large enough on mobile */
    .contact-section a, 
    .contact-section .rtl-icon,
    .rtl-social-icon {
        min-width: 44px !important;
        min-height: 44px !important;
    }
    
    /* FAQ section RTL fixes for mobile */
    .rtl-faq-section button {
        flex-direction: row-reverse !important;
        text-align: right !important;
        padding: 12px 0 !important;
        width: 100%;
    }
    
    .rtl-faq-section button i {
        margin-left: 10px !important;
        margin-right: 0 !important;
    }
    
    .rtl-faq-section button span {
        text-align: right !important;
        flex-grow: 1;
    }
    
    .rtl-faq-section .hidden {
        text-align: right !important;
        padding: 10px 0;
    }
}