/* ===================================
   RTL (Right-to-Left) Support for Arabic
   =================================== */

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

/* RTL Typography */
[dir="rtl"] body {
    font-family: 'Inter', 'Cairo', 'Tajawal', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* RTL Flexbox */
[dir="rtl"] .flex {
    flex-direction: row-reverse;
}

/* RTL Spacing */
[dir="rtl"] .space-x-4 > * + * {
    margin-right: 1rem;
    margin-left: 0;
}

[dir="rtl"] .space-x-2 > * + * {
    margin-right: 0.5rem;
    margin-left: 0;
}

[dir="rtl"] .space-x-3 > * + * {
    margin-right: 0.75rem;
    margin-left: 0;
}

[dir="rtl"] .space-x-8 > * + * {
    margin-right: 2rem;
    margin-left: 0;
}

/* RTL Margins & Paddings */
[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-4 {
    margin-left: 0;
    margin-right: 1rem;
}

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

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

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

/* RTL Icons */
[dir="rtl"] .fa-arrow-right {
    transform: rotate(180deg);
}

[dir="rtl"] .fa-chevron-right {
    transform: rotate(180deg);
}

[dir="rtl"] .fa-chevron-left {
    transform: rotate(180deg);
}

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

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

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

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

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

/* RTL Navigation */
[dir="rtl"] .nav-link::after {
    right: 0;
    left: auto;
}

/* RTL Rounded Corners */
[dir="rtl"] .rounded-bl-2xl {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1rem;
}

[dir="rtl"] .rounded-br-2xl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 1rem;
}

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

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

/* RTL Transforms */
[dir="rtl"] .transform.-translate-x-1\/2 {
    transform: translateX(50%);
}

/* RTL Slider Controls */
[dir="rtl"] .hero-slider .slider-controls {
    flex-direction: row-reverse;
}

/* RTL Pricing Cards */
[dir="rtl"] .pricing-card .absolute.top-0.right-0 {
    right: auto;
    left: 0;
}

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

/* RTL Lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

/* RTL Checkmarks */
[dir="rtl"] .fa-check-circle {
    margin-left: 0.75rem;
    margin-right: 0;
}

/* RTL Forms */
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="password"],
[dir="rtl"] textarea {
    text-align: right;
}

/* RTL Badges */
[dir="rtl"] .badge {
    margin-right: 0;
    margin-left: 0.5rem;
}

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

/* RTL Animations */
[dir="rtl"] @keyframes slideInRight {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0);
    }
}

[dir="rtl"] @keyframes slideInLeft {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/* RTL Numbers (Keep LTR) */
[dir="rtl"] .numbers {
    direction: ltr;
    display: inline-block;
}