/* ============================================================
   RTL - Supporto scrittura destra-sinistra (arabo)
   ============================================================ */

html[dir="rtl"] body { direction: rtl; text-align: right; }

/* Header: brand a destra, actions a sinistra */
html[dir="rtl"] .header-inner { flex-direction: row-reverse; }
html[dir="rtl"] .main-nav { flex-direction: row; }

/* Dropdown: si apre da sinistra in RTL */
html[dir="rtl"] .dropdown-menu { right: auto; left: 0; }

/* Alert: icona chiusura a sinistra */
html[dir="rtl"] .alert { flex-direction: row-reverse; }

/* Tabelle: allineamento a destra */
html[dir="rtl"] .data-table th,
html[dir="rtl"] .data-table td { text-align: right; }

/* Footer */
html[dir="rtl"] .footer-inner { text-align: right; }

/* Lezioni: numero a destra */
html[dir="rtl"] .lesson-list .lesson-num { margin-right: 0; margin-left: 12px; }

/* Menu mobile: slide da destra */
html[dir="rtl"] .main-nav {
    transform: translateX(100%);
}
html[dir="rtl"] .main-nav.open { transform: translateX(0); }

/* Live indicator */
html[dir="rtl"] .stream-card .live-indicator { left: auto; right: 12px; }

/* Badge RTL nel dropdown */
html[dir="rtl"] .badge-rtl { margin-inline-start: 0; margin-inline-end: auto; }

/* Form: label e campi allineati a destra */
html[dir="rtl"] .form-label { text-align: right; }
html[dir="rtl"] .form-hint { text-align: right; }

/* Hero: testo centrato (va bene in entrambi) */
html[dir="rtl"] .hero { text-align: center; }

/* Card footer: space-between funziona in entrambi */
html[dir="rtl"] .card-footer { flex-direction: row-reverse; }

/* Stat cards: icona a destra */
html[dir="rtl"] .stat-card { flex-direction: row-reverse; }

/* Auth card: centrata (va bene) */
html[dir="rtl"] .auth-card { text-align: right; }
html[dir="rtl"] .auth-card h1,
html[dir="rtl"] .auth-card .subtitle { text-align: center; }

/* Toolbar: search a destra */
html[dir="rtl"] .toolbar { flex-direction: row-reverse; }

/* Bar chart: label a destra */
html[dir="rtl"] .bar-row { flex-direction: row-reverse; }
html[dir="rtl"] .bar-label { text-align: right; }

/* Online list items */
html[dir="rtl"] .online-item { flex-direction: row-reverse; }
html[dir="rtl"] .online-meta { margin-inline-start: 0; margin-inline-end: auto; }

/* Pagination */
html[dir="rtl"] .pagination { flex-direction: row-reverse; }

/* Breadcrumb / link indietro */
html[dir="rtl"] .bi-arrow-left::before { content: "\F285"; } /* diventa freccia destra */

/* Section title */
html[dir="rtl"] .section-title { flex-direction: row-reverse; }

/* Grid: mantiene l'ordine naturale (CSS grid gestisce RTL automaticamente) */
html[dir="rtl"] .grid { direction: rtl; }

/* Admin sidebar: a destra */
html[dir="rtl"] .admin-sidebar { left: auto; right: 0; transform: translateX(100%); }
html[dir="rtl"] .admin-sidebar.open { transform: translateX(0); }
html[dir="rtl"] .admin-main { margin-left: 0; margin-right: 260px; }
@media (max-width: 992px) {
    html[dir="rtl"] .admin-main { margin-right: 0; }
}

/* Admin topbar */
html[dir="rtl"] .admin-topbar { flex-direction: row-reverse; }
html[dir="rtl"] .sidebar-nav a { text-align: right; }

/* Input file e form controls: mantengono LTR per email/URL ma RTL per testo */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] textarea,
html[dir="rtl"] select { text-align: right; }
/* Email, password, URL, number, date: sempre LTR (contenuto tecnico) */
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[type="date"],
html[dir="rtl"] input[type="datetime-local"],
html[dir="rtl"] input[type="time"] { text-align: left; direction: ltr; }