/* RTL Support for Arabic */
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .nav-item {
    margin-right: 0;
    margin-left: 2rem;
}

[dir="rtl"] .submenu {
    left: auto;
    right: 0;
}

/* Spacing utilities */
[dir="rtl"] .ml-2,
[dir="rtl"] .ml-4 {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .mr-2,
[dir="rtl"] .mr-4 {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

[dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

[dir="rtl"] .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

/* Contact page specific RTL adjustments */
[dir="rtl"] .contact-card {
    flex-direction: row-reverse;
}

[dir="rtl"] .contact-card i {
    margin-left: 0;
    margin-right: 0;
}

[dir="rtl"] .contact-info i {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .quick-contact-btn i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Icon reversing for RTL */
[dir="rtl"] .fa-arrow-right:before {
    content: "\\f060"; /* fa-arrow-left */
}

/* Chevron flipping for RTL - with !important */
[dir="rtl"] i.fas.fa-chevron-left {
    display: inline-block !important;
    transform: scaleX(-1) !important; /* Should make left arrow point right */
}

[dir="rtl"] i.fas.fa-chevron-right {
    display: inline-block !important;
    transform: scaleX(-1) !important; /* Should make right arrow point left */
}

/* Text alignment fixes */
[dir="rtl"] .text-left {
    text-align: right;
}

[dir="rtl"] .text-right {
    text-align: left;
}

/* Float fixes */
[dir="rtl"] .float-left {
    float: right;
}

[dir="rtl"] .float-right {
    float: left;
}

/* Grid and Flex direction */
[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

[dir="rtl"] .justify-start {
    justify-content: flex-end;
}

[dir="rtl"] .justify-end {
    justify-content: flex-start;
}

/* Border radius adjustments */
[dir="rtl"] .rounded-l {
    border-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

[dir="rtl"] .rounded-r {
    border-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

/* Form elements */
[dir="rtl"] input,
[dir="rtl"] textarea {
    text-align: right;
}

[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="tel"] {
    direction: ltr;
    text-align: right;
}

/* FAQ section */
[dir="rtl"] .faq-item {
    padding-left: 0;
    padding-right: 2rem;
}

/* Social media icons */
[dir="rtl"] .social-links {
    flex-direction: row-reverse;
}

[dir="rtl"] .social-links a i {
    margin-left: 0;
    margin-right: 0;
}

/* Contact form grid */
[dir="rtl"] .grid-cols-2 > * {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .grid-cols-2 > *:first-child {
    margin-right: 0;
}

/* Footer adjustments */
[dir="rtl"] .footer-links li i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Map container */
[dir="rtl"] .map-container {
    direction: ltr;
}

/* Breadcrumb navigation */
[dir="rtl"] .breadcrumb-separator {
    transform: rotate(180deg);
}

/* Button icons alignment */
[dir="rtl"] button i,
[dir="rtl"] .button i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Custom RTL utilities */
[dir="rtl"] .ms-2 {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

[dir="rtl"] .me-2 {
    margin-left: 0.5rem !important;
    margin-right: 0 !important;
}

/* Mobile RTL optimizations */
@media (max-width: 768px) {
    [dir="rtl"] .nav-item {
        margin: 0.5rem 0;
    }
    
    [dir="rtl"] .submenu {
        position: static;
        width: 100%;
        padding-right: 1rem;
    }
    
    [dir="rtl"] .container {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

/* RTL responsive grid adjustments */
@media (max-width: 1024px) {
    [dir="rtl"] .grid {
        grid-template-columns: 1fr;
    }
    
    [dir="rtl"] .lg\:col-span-2 {
        grid-column: span 1;
    }
}