/* ─────────────────────────────────────────────────────────────
   Base — global resets, typography, scrollbar, RTL support
   ───────────────────────────────────────────────────────────── */

html {
    scroll-behavior: smooth;
}

/* ─── Scrollbar ──────────────────────────────────────────────── */
::-webkit-scrollbar       { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #1e3a8a; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #1a237e; }

/* ─── Utilities ──────────────────────────────────────────────── */
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* ─── RTL — Font support ─────────────────────────────────────── */
[dir="rtl"] {
    font-family: 'Tajawal', 'Cairo', 'Arial', sans-serif !important;
}

[dir="rtl"] *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.fad) {
    font-family: 'Tajawal', 'Cairo', 'Arial', sans-serif;
}

/* Preserve Font Awesome icons inside RTL */
[dir="rtl"] i,
[dir="rtl"] .fa,
[dir="rtl"] .fas,
[dir="rtl"] .far,
[dir="rtl"] .fab,
[dir="rtl"] .fal,
[dir="rtl"] .fad {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'Font Awesome 6 Brands' !important;
}

/* ─── RTL — Layout ───────────────────────────────────────────── */
[dir="rtl"] .inline-flex {
    flex-direction: row-reverse;
}

/* ─── RTL — Text alignment ───────────────────────────────────── */
[dir="rtl"] p,
[dir="rtl"] li,
[dir="rtl"] .text-sm,
[dir="rtl"] .leading-relaxed {
    text-align: right;
}

[dir="rtl"] .text-center {
    text-align: center !important;
}