/* ============================================
   RTL / ARABIC OVERRIDES
   ============================================ */

/* Base RTL direction */
html[dir="rtl"] {
    font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

html[dir="rtl"] body {
    font-family: 'Cairo', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Navigation */
html[dir="rtl"] .nav-links a::after {
    left: auto;
    right: 0;
}

/* Arch nodes hover */
html[dir="rtl"] .arch-node:hover {
    transform: translateX(-8px);
}

/* Showcase reversed in RTL */
html[dir="rtl"] .showcase-layout.reversed {
    direction: ltr;
}

html[dir="rtl"] .showcase-layout.reversed>* {
    direction: rtl;
}

/* Feature tag letter-spacing tighter for Arabic */
html[dir="rtl"] .feature-tag {
    letter-spacing: 0;
}

html[dir="rtl"] .section-label {
    letter-spacing: 1px;
}

html[dir="rtl"] .hero-stat .stat-label {
    letter-spacing: 0.5px;
}

/* Language Switcher */
.lang-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 50px;
    background: rgba(0, 191, 165, 0.08);
    border: 1px solid rgba(0, 191, 165, 0.15);
    color: var(--accent-light);
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.3s ease;
    text-decoration: none;
    margin-left: 12px;
}

html[dir="rtl"] .lang-switch {
    margin-left: 0;
    margin-right: 12px;
}

.lang-switch:hover {
    background: rgba(0, 191, 165, 0.15);
    border-color: rgba(0, 191, 165, 0.3);
}