﻿/* â”€â”€ RTL & Compact Layout Overrides â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
html[dir="rtl"] .hero-title {
    letter-spacing: normal !important; /* Fix broken Arabic cursive connections */
    font-size: clamp(2rem, 3.5vw, 2.6rem) !important;
    font-weight: 750 !important; /* Proper weight for main Arabic headings */
    line-height: 1.35 !important; /* Give Arabic diacritics proper breathing room */
}

html[dir="rtl"] .hero-title-sm {
    letter-spacing: normal !important;
    font-size: clamp(1.6rem, 3vw, 2rem) !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
}

html[dir="rtl"] h2 {
    font-size: clamp(1.4rem, 2.5vw, 1.7rem) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

html[dir="rtl"] h3 {
    font-size: clamp(1.15rem, 2vw, 1.35rem) !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}

/* Force stats grid to be horizontal and compact on tablet/desktop */
@media (min-width: 576px) {
    .hero-stat-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.5rem;
    }
}

/* â”€â”€ Bilingual Visibility classes â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */
html[lang="en"] .lang-ar-only {
    display: none !important;
}
html[lang="ar"] .lang-en-only {
    display: none !important;
}
