/* Enhanced RTL CSS for Arabic Layout */

/* RTL Base Styles */
[dir="rtl"] {
    text-align: right;
}

/* RTL Flexbox and Grid Adjustments */
[dir="rtl"] .flex {
    direction: rtl;
}

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

/* RTL Navigation Spacing */
[dir="rtl"] .nav-link {
    margin-left: 0;
    margin-right: 2rem;
}

[dir="rtl"] .nav-link:last-child {
    margin-right: 0;
}

/* RTL Image Flipping */
[dir="rtl"] .flip-rtl {
    transform: scaleX(-1);
}

/* RTL Grid Layout Adjustments */
[dir="rtl"] .lg\:grid-cols-2 > div:first-child {
    order: 2;
}

[dir="rtl"] .lg\:grid-cols-2 > div:last-child {
    order: 1;
}

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

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

/* RTL Margin and Padding Adjustments */
[dir="rtl"] .ml-1 {
    margin-left: 0;
    margin-right: 0.25rem;
}

[dir="rtl"] .mr-1 {
    margin-right: 0;
    margin-left: 0.25rem;
}

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

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

[dir="rtl"] .ml-3 {
    margin-left: 0;
    margin-right: 0.75rem;
}

[dir="rtl"] .mr-3 {
    margin-right: 0;
    margin-left: 0.75rem;
}

[dir="rtl"] .ml-4 {
    margin-left: 0;
    margin-right: 1rem;
}

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

[dir="rtl"] .pl-4 {
    padding-left: 0;
    padding-right: 1rem;
}

[dir="rtl"] .pr-4 {
    padding-right: 0;
    padding-left: 1rem;
}

[dir="rtl"] .pl-6 {
    padding-left: 0;
    padding-right: 1.5rem;
}

[dir="rtl"] .pr-6 {
    padding-right: 0;
    padding-left: 1.5rem;
}

[dir="rtl"] .pl-8 {
    padding-left: 0;
    padding-right: 2rem;
}

[dir="rtl"] .pr-8 {
    padding-right: 0;
    padding-left: 2rem;
}

/* RTL Icon Positioning */
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fab {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* RTL Button Spacing */
[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .space-x-6 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
    margin-right: 1.5rem;
}

[dir="rtl"] .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    margin-left: 0;
    margin-right: 2rem;
}

/* RTL Mobile Menu */
[dir="rtl"] .mobile-menu {
    text-align: right;
}

[dir="rtl"] .mobile-menu a {
    text-align: right;
    padding-right: 1.5rem;
    padding-left: 1rem;
}

/* RTL Positioning */
[dir="rtl"] .left-0 {
    left: auto;
    right: 0;
}

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

[dir="rtl"] .lg\:left-0 {
    left: auto;
    right: 0;
}

[dir="rtl"] .lg\:right-0 {
    right: auto;
    left: 0;
}

/* RTL Transform Adjustments */
[dir="rtl"] .-ml-40 {
    margin-left: 0;
    margin-right: -10rem;
}

[dir="rtl"] .-mr-40 {
    margin-right: 0;
    margin-left: -10rem;
}

[dir="rtl"] .pr-10 {
    padding-right: 0;
    padding-left: 2.5rem;
}

[dir="rtl"] .pl-10 {
    padding-left: 0;
    padding-right: 2.5rem;
}

[dir="rtl"] .lg\:pr-24 {
    padding-right: 0;
    padding-left: 6rem;
}

[dir="rtl"] .lg\:pl-24 {
    padding-left: 0;
    padding-right: 6rem;
}

/* RTL Justify Content */
[dir="rtl"] .lg\:justify-end {
    justify-content: flex-start;
}

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

/* RTL Feature Cards */
[dir="rtl"] .feature-card {
    text-align: right;
}

[dir="rtl"] .feature-card .icon {
    margin-left: 1rem;
    margin-right: 0;
}

/* RTL Back to Top Button */
[dir="rtl"] .back-to-top {
    right: auto;
    left: 2rem;
}

/* RTL Responsive Adjustments */
@media (max-width: 768px) {
    [dir="rtl"] .mobile-hero-content {
        text-align: center;
    }
    
    [dir="rtl"] .mobile-nav-item {
        text-align: right;
        padding-right: 1rem;
        padding-left: 0.5rem;
    }
}

/* RTL Animation Adjustments */
[dir="rtl"] .slide-in-right {
    animation: slideInLeft 0.5s ease-out;
}

[dir="rtl"] .slide-in-left {
    animation: slideInRight 0.5s ease-out;
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

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

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

/* RTL Card Layouts */
[dir="rtl"] .card-grid {
    direction: rtl;
}

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

/* RTL Hero Section Adjustments */
[dir="rtl"] .hero-content {
    text-align: right;
}

[dir="rtl"] .hero-image {
    order: -1;
}

@media (min-width: 1024px) {
    [dir="rtl"] .hero-image {
        order: 1;
    }
}