/**
 * SK Active — impaginazione da destra a sinistra.
 *
 * Si carica SOLO sulle pagine che lo dichiarano (una landing in arabo), mai
 * sul resto del sito. Non e' un tema alternativo: e' lo specchio delle poche
 * regole direzionali che i blocchi usati da quella pagina toccano davvero.
 *
 * Perche' non basta dir="rtl". L'attributo gira il flusso del testo, non il
 * layout: margini, filetti, ombre e traslazioni restano dove sono e la pagina
 * esce sbilenca. Qui si specchia quello che serve, niente di piu'.
 *
 * L'arabo non ha maiuscole e non sopporta la spaziatura fra lettere:
 * text-transform e letter-spacing, che nel template latino fanno l'eleganza
 * degli occhielli, in arabo spezzano le legature e rendono le parole
 * illeggibili. Vanno annullati, non adattati.
 */

[dir="rtl"] {
  --font-display: "Noto Naskh Arabic", "Amiri", "Geeza Pro", "Times New Roman", serif;
  --font-body: "Noto Sans Arabic", "Segoe UI", Tahoma, "Geeza Pro", sans-serif;
  text-align: right;
}

[dir="rtl"] body,
[dir="rtl"] .lede,
[dir="rtl"] p,
[dir="rtl"] li { font-family: var(--font-body); }

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] .nm, [dir="rtl"] .sk-evento-titolo { font-family: var(--font-display); }

/* Occhielli e microtesti: via maiuscole e spaziatura, che in arabo
   spezzerebbero le legature. */
[dir="rtl"] .eyebrow,
[dir="rtl"] .el,
[dir="rtl"] .sk-evento-data,
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-ghost-dark {
  text-transform: none;
  letter-spacing: 0;
}

/* L'occhiello ha un filetto che lo precede: va dall'altra parte. */
[dir="rtl"] .eyebrow::before { margin-right: 0; margin-left: 0.9rem; }

/* Testata e sezioni: il testo parte da destra. */
[dir="rtl"] .page-header,
[dir="rtl"] .section-head,
[dir="rtl"] .section { text-align: right; }

[dir="rtl"] .page-header .lede,
[dir="rtl"] .section-head .lede { margin-left: auto; margin-right: 0; }

/* Righe di pulsanti e liste orizzontali. */
[dir="rtl"] .page-header > div[style*="display:flex"],
[dir="rtl"] .sk-services-grid,
[dir="rtl"] .rooms-grid { direction: rtl; }

/* Split testo/immagine: si scambiano i lati. */
[dir="rtl"] .split { direction: rtl; }
[dir="rtl"] .split > * { text-align: right; }

/* Card: la fascia informativa sta in basso a destra. */
[dir="rtl"] .room-card .info { left: 1.6rem; right: 1.6rem; text-align: right; }

/* Calendario eventi: il filetto dell'elemento passa a destra.
   NIENTE flex-direction: row-reverse — dir="rtl" gira già l'ordine dei
   figli, e aggiungerlo lo rigirerebbe indietro. */
[dir="rtl"] .sk-evento {
  border-left-width: 1px;
  border-right-width: 3px;
}
[dir="rtl"] .sk-evento-freccia { transform: scaleX(-1); }

/* Testo lungo. */
[dir="rtl"] .legal-prose { text-align: right; }
[dir="rtl"] .legal-prose ul,
[dir="rtl"] .legal-prose ol { padding-right: 1.4rem; padding-left: 0; }

/* Numeri, date e indirizzi latini dentro un testo arabo restano leggibili
   solo se marcati: l'isolamento evita che l'algoritmo bidirezionale li
   riordini. */
[dir="rtl"] .sk-evento-data,
[dir="rtl"] time,
[dir="rtl"] .ltr { unicode-bidi: isolate; direction: ltr; display: inline-block; }