/* RTL Override Styles for Arabic Pages */
/* Applied to pages with dir="rtl" */

/* General text alignment flip */
[dir="rtl"] {
    text-align: right;
}

/* Flex direction reversal */
[dir="rtl"] .nav-container,
[dir="rtl"] .footer-grid,
[dir="rtl"] .services-grid,
[dir="rtl"] .stats-grid,
[dir="rtl"] .process-grid,
[dir="rtl"] .contact-grid,
[dir="rtl"] .hero-content,
[dir="rtl"] .cta-content,
[dir="rtl"] .about-intro,
[dir="rtl"] .mv-grid,
[dir="rtl"] .na-grid {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] .nav-menu a {
    margin-left: 0;
    margin-right: 20px;
}

[dir="rtl"] .nav-cta {
    margin-left: 0 !important;
    margin-right: 16px !important;
}

/* Language switcher position */
[dir="rtl"] .lang-switcher {
    order: -1;
}

[dir="rtl"] .lang-switcher .lang-dropdown {
    right: auto !important;
    left: 0 !important;
}

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

[dir="rtl"] .hero-buttons {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

[dir="rtl"] .hero-buttons .btn:first-child {
    margin-left: 16px;
    margin-right: 0;
}

/* Trust section */
[dir="rtl"] .trust-card {
    text-align: right;
}

[dir="rtl"] .trust-card .trust-icon {
    margin-left: 16px;
    margin-right: 0;
}

/* Service cards */
[dir="rtl"] .service-card,
[dir="rtl"] .service-detail-grid {
    text-align: right;
}

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

[dir="rtl"] .service-detail-image {
    order: 2;
}

[dir="rtl"] .service-detail-text {
    order: 1;
}

/* Process steps */
[dir="rtl"] .process-step {
    text-align: center;
}

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

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

/* About section */
[dir="rtl"] .about-intro {
    direction: rtl;
}

[dir="rtl"] .about-image {
    order: 2;
}

[dir="rtl"] .about-text {
    order: 1;
}

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

/* Mission/Vision */
[dir="rtl"] .mv-grid {
    flex-direction: row-reverse;
}

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

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

[dir="rtl"] .contact-detail-item {
    flex-direction: row-reverse;
}

[dir="rtl"] .contact-icon {
    margin-left: 16px;
    margin-right: 0;
}

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

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

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

/* CTA section */
[dir="rtl"] .cta-content {
    text-align: right;
}

[dir="rtl"] .cta-buttons {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

/* Breadcrumb */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

/* Forms */
[dir="rtl"] .form-group {
    text-align: right;
}

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

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

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

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

/* Margin/Padding flips */
[dir="rtl"] .gold-divider {
    margin-left: auto;
    margin-right: 0;
}

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

/* WhatsApp float position */
[dir="rtl"] .whatsapp-float {
    left: 24px;
    right: auto;
}

/* Modal */
[dir="rtl"] .modal {
    text-align: right;
}

[dir="rtl"] .modal-close {
    left: 16px;
    right: auto;
}

/* Page header */
[dir="rtl"] .page-header-content {
    text-align: right;
}

/* New Arrivals specific */
[dir="rtl"] .na-card {
    text-align: right;
}

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

[dir="rtl"] .na-card-cta {
    flex-direction: row-reverse;
}

[dir="rtl"] .na-card-specs {
    flex-direction: row-reverse;
}

[dir="rtl"] .na-tag {
    left: auto;
    right: 16px;
}

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

[dir="rtl"] .na-collection-banner {
    text-align: center;
}

/* Fix for section titles with gold divider */
[dir="rtl"] .section-title {
    text-align: right;
}