/**
 * RTL (Right-to-Left) Overrides
 * For Arabic, Hebrew, Urdu — dark industrial / Tailwind design
 */

/* ===== BASE ===== */
html[dir="rtl"] body {
    direction: rtl;
}

/* ===== TAILWIND SPACE-X FIX ===== */
/* Tailwind's space-x-* uses margin-left on children; flip for RTL */
html[dir="rtl"] .space-x-8 > :not(:first-child) {
    margin-left: 0;
    margin-right: 2rem;
}

html[dir="rtl"] .space-x-5 > :not(:first-child) {
    margin-left: 0;
    margin-right: 1.25rem;
}

/* ===== FONTAWESOME DIRECTIONAL ICONS ===== */
html[dir="rtl"] .fa-angle-right,
html[dir="rtl"] .fa-arrow-right,
html[dir="rtl"] .fa-chevron-right,
html[dir="rtl"] .fa-angle-left,
html[dir="rtl"] .fa-arrow-left,
html[dir="rtl"] .fa-chevron-left {
    transform: scaleX(-1);
}

/* ===== NAVIGATION ===== */
/* Language dropdown: anchor to left instead of right */
html[dir="rtl"] .lang-dropdown {
    right: auto;
    left: 0;
}

/* Lang arrow spacing */
html[dir="rtl"] .lang-current .lang-arrow {
    margin-left: 0;
    margin-right: 2px;
}

/* ===== HERO SECTION ===== */
/* Hero frame with two-column grid: flip column order */
html[dir="rtl"] .hero-frame {
    direction: rtl;
}

/* ===== DETAIL LISTS ===== */
/* Red dash bullet: flip from left to right */
html[dir="rtl"] .detail-list li {
    padding-left: 0;
    padding-right: 22px;
}

html[dir="rtl"] .detail-list li::before {
    left: auto;
    right: 0;
}

/* ===== TESTIMONIAL CARD ===== */
/* Accent border: flip from left to right */
html[dir="rtl"] .testimonial-card {
    border-left: none;
    border-right: 4px solid #667eea;
}

html[dir="rtl"] .testimonial-card .quote-mark {
    left: auto;
    right: 20px;
}

/* ===== BLOG CONTENT ===== */
html[dir="rtl"] .blog-content .content blockquote {
    border-left: none;
    border-right: 4px solid #667eea;
    padding-left: 0;
    padding-right: 20px;
}

/* ===== TIMELINE BAR ===== */
html[dir="rtl"] .timeline-bar {
    border-left: none;
    border-right: 2px solid #dc2626;
    padding-left: 0;
    padding-right: 16px;
}

/* ===== GALLERY NAVIGATION ===== */
html[dir="rtl"] .gallery-nav.prev {
    left: auto;
    right: 14px;
}

html[dir="rtl"] .gallery-nav.next {
    right: auto;
    left: 14px;
}

/* ===== FEATURE PANEL DIVIDER ===== */
html[dir="rtl"] .feature-panel::after {
    right: auto;
    left: -6px;
}

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

/* ===== SPEC TABLE ===== */
html[dir="rtl"] .spec-table td {
    text-align: right;
}

/* ===== SIDEBAR / BLOG ===== */
html[dir="rtl"] .sidebar-post {
    flex-direction: row-reverse;
}

/* ===== CONTACT INFO ITEMS ===== */
html[dir="rtl"] .contact-info-card .info-item {
    flex-direction: row-reverse;
    text-align: right;
}

/* ===== PRODUCT DETAIL GRID ===== */
/* Flip gallery-left / info-right to gallery-right / info-left */
html[dir="rtl"] .product-detail-grid {
    direction: rtl;
}

/* ===== BREADCRUMB SEPARATOR ===== */
html[dir="rtl"] .breadcrumbs .fa-angle-right,
html[dir="rtl"] .breadcrumb .fa-angle-right {
    transform: scaleX(-1);
    display: inline-block;
}

/* ===== FOOTER ===== */
/* Footer flex row: text alignment for RTL */
html[dir="rtl"] .footer-stone .flex {
    text-align: right;
}

/* ===== MOBILE MENU ===== */
html[dir="rtl"] #mobile-menu .flex-col {
    text-align: right;
}