/* ============================================
   RTL OVERRIDES FOR ARABIC PAGES
   Loaded only on pages with dir="rtl"
   ============================================ */

body {
    direction: rtl;
    text-align: right;
}

/* Navbar */
.navbar .container {
    flex-direction: row;
}

.nav-links {
    flex-direction: row;
}

/* Language switcher position (was left-anchored via margin-left:auto) */
.language-switcher {
    margin-left: 0;
    margin-right: auto;
}

/* Footer columns should read right-to-left too */
.footer-content {
    text-align: right;
}

.footer-section ul {
    padding-right: 0;
}

/* Contact info icons/text */
.info-item,
.social-item,
.contact-info,
.footer-section .contact-info li {
    text-align: right;
}

/* Buttons with icon + text: gap-based, but flip explicit margins if any */
.btn-hero i,
.btn-contact i,
.submit-btn i,
.back-btn i,
.wikipedia-btn i {
    margin-left: 8px;
    margin-right: 0;
}

.back-btn i {
    transform: scaleX(-1);
}

/* Forms */
.form-group label {
    text-align: right;
}

.form-group input,
.form-group select,
.form-group textarea {
    text-align: right;
}

/* Mobile nav dropdown */
@media (max-width: 768px) {
    .nav-links {
        text-align: right;
    }
}

/* Hero slider content stays centered regardless of direction */
.slide-content {
    text-align: center;
}

/* Product cards / grid text alignment */
.product-info,
.product-detail-content,
.story-content,
.mission-card,
.value-card,
.contact-info-card {
    text-align: right;
}

/* Icons inside list items that used margin-left assumptions */
.contact-info li i,
.footer-section .contact-info li i {
    margin-left: 8px;
    margin-right: 0;
}