/* RTL Layout Support for Arabic */

body[dir="rtl"] {
    direction: rtl;
    text-align: right;
    font-family: var(--font-arabic), var(--font-sans);
}

body[dir="rtl"] h1,
body[dir="rtl"] h2,
body[dir="rtl"] h3,
body[dir="rtl"] h4,
body[dir="rtl"] h5,
body[dir="rtl"] h6,
body[dir="rtl"] .font-serif {
    font-family: var(--font-arabic), serif;
}

body[dir="rtl"] .lang-menu {
    right: auto;
    left: 0;
}

body[dir="rtl"] .hero-floating-card {
    left: auto;
    right: -24px;
}

body[dir="rtl"] .stat-item {
    border-right: none;
    border-left: 1px solid var(--border-dark);
}

body[dir="rtl"] .stat-item:last-child {
    border-left: none;
}

body[dir="rtl"] .project-cat-badge {
    left: auto;
    right: 14px;
}

body[dir="rtl"] .floating-actions {
    right: auto;
    left: 28px;
}

body[dir="rtl"] .footer-links a:hover {
    padding-left: 0;
    padding-right: 4px;
}

body[dir="rtl"] .comparison-badge-real {
    right: auto;
    left: 16px;
}

body[dir="rtl"] .comparison-badge-render {
    left: auto;
    right: 16px;
}

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

@media (max-width: 1024px) {
    body[dir="rtl"] .stat-item:nth-child(2) {
        border-left: none;
    }
}

@media (max-width: 768px) {
    body[dir="rtl"] .stat-item {
        border-left: none;
    }
    body[dir="rtl"] .floating-actions {
        left: 20px;
    }
}