/* Atelier modArch — pagine in arabo (/ar/, <html lang="ar" dir="rtl">). 07/11/2026.
   Caricato SOLO dalle pagine /ar/. Le regole sono tutte sotto html[dir="rtl"]: su ogni altra
   pagina non hanno effetto. Il layout del sito e' quasi tutto flex/grid e si specchia da solo con
   dir="rtl"; qui si girano solo le proprieta' fisiche (left/right, margin/padding/border laterali,
   frecce) e si sistema la tipografia araba.
   Font: Cormorant Garamond e Inter del sito hanno solo latin/latin-ext. Niente font esterni nuovi
   (CSP): per l'arabo si usano i font di sistema (Noto su Android/Linux, Geeza Pro su Apple,
   Segoe UI/Tahoma su Windows). Le parti latine (nomi, numeri, sigle) restano nei font del sito. */

html[dir="rtl"] {
  --f-serif: 'Cormorant Garamond', 'Noto Naskh Arabic', 'Geeza Pro', 'Times New Roman', serif;
  --f-sans: 'Inter', 'Noto Sans Arabic', 'Geeza Pro', 'Segoe UI', Tahoma, system-ui, sans-serif;
}
html[dir="rtl"] body { line-height: 1.8; }

/* La scrittura araba e' legata: la spaziatura fra lettere spezza le legature. Corsivo sintetico
   e maiuscoletto non esistono in arabo. */
html[dir="rtl"] *,
html[dir="rtl"] *::before,
html[dir="rtl"] *::after { letter-spacing: 0 !important; }
html[dir="rtl"] .hero__eyebrow,
html[dir="rtl"] [style*="font-style:italic"] { font-style: normal !important; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.45; }

/* Menu */
html[dir="rtl"] .nav__logo { margin-right: 0; margin-left: auto; }
html[dir="rtl"] .nav__lang {
  margin-left: 0; margin-right: clamp(.4rem, 1.2vw, 1.2rem);
  padding-left: 0; padding-right: clamp(.6rem, 1.5vw, 1.4rem);
  border-left: none; border-right: 1px solid var(--c-border);
}
html[dir="rtl"] .nav__links.open .nav__lang { margin: 1.5rem 0 0 0; padding: 1.5rem 0 0 0; border-right: none; }
html[dir="rtl"] .nav__lang > a { letter-spacing: .14em !important; }   /* sigle latine IT EN FR... */

/* Briciole di pane */
html[dir="rtl"] .breadcrumb li + li::before { content: '‹'; margin-right: 0; margin-left: .3rem; }

/* Elenchi del testo */
html[dir="rtl"] .prose ul li { padding-left: 0; padding-right: 1.2em; }
html[dir="rtl"] .prose ul li::before { left: auto; right: 0; }

/* Frecce dei link */
html[dir="rtl"] .link-accent::after { content: '←'; }

/* FAQ */
html[dir="rtl"] .faq-item p { padding-left: 0; padding-right: .2rem; }

/* Pulsanti fissi */
html[dir="rtl"] .skip-link { left: auto; right: 1rem; }
html[dir="rtl"] .back-to-top { right: auto; left: 1.5rem; }

/* Numeri di telefono, email, sigle: sempre da sinistra a destra, isolati dal testo arabo */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] [dir="ltr"] { unicode-bidi: isolate; direction: ltr; }
html[dir="rtl"] .loc-contatto a[href^="tel:"],
html[dir="rtl"] .footer__minimal a { display: inline-block; }

/* Modulo */
html[dir="rtl"] select { background-position: left .9rem center; }
html[dir="rtl"] input, html[dir="rtl"] textarea, html[dir="rtl"] select { text-align: right; }
html[dir="rtl"] input[type="email"] { text-align: left; }

/* Assistente: assistant.js non ha l'arabo e con lang="ar" parla italiano. Il pannello resta
   quindi da sinistra a destra, altrimenti la punteggiatura italiana finisce al lato sbagliato
   («?aiutarti»). Da rivedere se l'assistente avra' l'arabo. */
html[dir="rtl"] .dxa-v3 { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .dxa-v3 * { letter-spacing: normal !important; }