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

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

/* Language selector positioning for RTL */
[dir="rtl"] .language-selector {
    right: auto;
    left: 2rem;
}

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

/* Navigation alignment */
[dir="rtl"] nav,
[dir="rtl"] .nav-links {
    flex-direction: row-reverse;
}

[dir="rtl"] .nav-links a {
    text-align: right;
}

/* Hero section */
[dir="rtl"] .hero {
    text-align: right;
}

[dir="rtl"] .hero-content {
    align-items: flex-end;
}

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

[dir="rtl"] .feature-grid {
    direction: rtl;
}

/* Screenshots section */
[dir="rtl"] .screenshots {
    direction: rtl;
}

/* Footer */
[dir="rtl"] .footer {
    direction: rtl;
}

[dir="rtl"] .footer-content {
    direction: rtl;
}

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

[dir="rtl"] .footer-links {
    align-items: flex-end;
}

/* Call to action section */
[dir="rtl"] .cta {
    text-align: right;
}

/* Buttons - keep centered but adjust internal alignment */
[dir="rtl"] .btn,
[dir="rtl"] button {
    direction: rtl;
}

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

/* Margins and padding reversals */
[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1.5rem; }

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

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

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

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

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

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

/* Icons and emojis - keep LTR */
[dir="rtl"] .emoji,
[dir="rtl"] .icon {
    direction: ltr;
    display: inline-block;
}

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

/* Mobile adjustments for RTL */
@media (max-width: 768px) {
    [dir="rtl"] .language-selector {
        left: auto;
        right: auto;
    }

    [dir="rtl"] .language-dropdown {
        left: 50%;
        transform: translateX(-50%);
    }
}