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

/* Arabic Font */
html[dir="rtl"] body {
    font-family: 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

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

html[dir="rtl"] .nav-links {
    flex-direction: row-reverse;
}

html[dir="rtl"] .logo {
    flex-direction: row-reverse;
}

/* App Buttons */
html[dir="rtl"] .app-button {
    flex-direction: row-reverse;
}

html[dir="rtl"] .app-button div {
    align-items: flex-end;
    text-align: right;
}

/* Store buttons container */
html[dir="rtl"] .store-buttons {
    flex-direction: row-reverse;
}

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

/* FAQ */
html[dir="rtl"] .faq-item summary {
    flex-direction: row-reverse;
    text-align: right;
}

html[dir="rtl"] .faq-item p {
    text-align: right;
}

html[dir="rtl"] .faq-category-title {
    text-align: right;
}

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

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

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

html[dir="rtl"] .footer-nav ul {
    padding-right: 0;
}

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

/* Contact Page */
html[dir="rtl"] .contact-grid {
    direction: rtl;
}

html[dir="rtl"] .contact-info {
    text-align: right;
}

html[dir="rtl"] .contact-method {
    text-align: right;
}

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

html[dir="rtl"] .form-group input,
html[dir="rtl"] .form-group select,
html[dir="rtl"] .form-group textarea {
    text-align: right;
}

/* Destination Cards */
html[dir="rtl"] .destination-card {
    text-align: center;
}

/* Section intro */
html[dir="rtl"] .section-intro {
    text-align: center;
}

/* Hero */
html[dir="rtl"] .hero-tagline {
    text-align: center;
}

html[dir="rtl"] .hero-languages {
    text-align: center;
}

/* Language Switcher */
html[dir="rtl"] .lang-switch {
    background: var(--primary-10);
    padding: 8px 16px;
    border-radius: 8px;
    font-weight: 500;
}

html[dir="rtl"] .lang-switch:hover {
    background: var(--primary-20);
}

/* Skip Link */
html[dir="rtl"] .skip-link {
    right: 16px;
    left: auto;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    html[dir="rtl"] .nav-links {
        flex-direction: column;
    }

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

    html[dir="rtl"] .footer-grid {
        text-align: center;
    }

    html[dir="rtl"] .footer-brand,
    html[dir="rtl"] .footer-nav,
    html[dir="rtl"] .footer-languages {
        text-align: center;
    }

    html[dir="rtl"] .contact-grid {
        direction: ltr;
    }

    html[dir="rtl"] .contact-info,
    html[dir="rtl"] .contact-method {
        text-align: center;
    }
}