/* ==========================================================================
   AGAMI — Foglio RTL per la lingua araba
   Caricato solo quando la lingua corrente è "ar" (html[dir="rtl"], body.rtl).
   Il layout usa in prevalenza flex/grid (simmetrici): qui si correggono le
   proprietà fisiche direzionali (padding/margin/border left-right, ::before).
   ========================================================================== */

body.rtl {
  direction: rtl;
  text-align: right;
  font-family: "Noto Sans Arabic", var(--sans);
  /* clip: previene lo scroll orizzontale senza creare uno scroll
     container (a differenza di hidden) e non maschera regressioni */
  overflow-x: clip;
}

/* Tipografia: Lora non copre l'arabo — i titoli passano a Noto Sans Arabic */
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl h4, body.rtl h5,
body.rtl .brand-name, body.rtl .stat-value, body.rtl blockquote,
body.rtl .page-hero-sub, body.rtl .hero-sub, body.rtl .footer-tagline,
body.rtl .pub-subtitle, body.rtl .person-name {
  font-family: "Noto Sans Arabic", var(--sans);
}
body.rtl h1, body.rtl h2, body.rtl h3 { letter-spacing: 0; }
body.rtl .kicker, body.rtl .brand-sub, body.rtl .meta,
body.rtl .footer-title, body.rtl .badge { letter-spacing: .04em; }
body.rtl .hero-sub, body.rtl .page-hero-sub, body.rtl blockquote,
body.rtl .footer-tagline, body.rtl .pub-subtitle { font-style: normal; }

/* Kicker: il filo decorativo passa a destra */
body.rtl .kicker::before { order: 0; }
body.rtl .kicker { flex-direction: row; }

/* Liste con marcatori posizionati */
body.rtl ul, body.rtl ol { padding-left: 0; padding-right: 1.3rem; }
body.rtl .check-list li, body.rtl .dot-list li {
  padding-left: 0;
  padding-right: 1.7rem;
}
body.rtl .check-list li::before, body.rtl .dot-list li::before {
  left: auto;
  right: 0;
}
body.rtl .dot-list li { padding-right: 1.4rem; }

/* Citazioni e avvisi: bordo accent sul lato destro */
body.rtl blockquote {
  border-left: 0;
  border-right: 3px solid var(--gold);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}
body.rtl .notice {
  border-left: 1px solid var(--border);
  border-right: 3px solid var(--gold);
  border-radius: var(--radius-sm) 0 0 var(--radius-sm);
}

/* Timeline: linea e punti a destra */
body.rtl .timeline::before { left: auto; right: 7px; }
body.rtl .timeline li { padding: 0 2.1rem 1.6rem 0; }
body.rtl .timeline li:last-child { padding-bottom: 0; }
body.rtl .timeline li::before { left: auto; right: 0; }

/* Navigazione */
body.rtl .dropdown { left: auto; right: 0; text-align: right; }
/* Mirror RTL della classe semantica: in RTL "inline-end" e' il bordo sinistro,
   quindi la voce flaggata si apre verso left:0 (verso l'interno). Stessa classe
   del LTR; la direzione la gestisce solo la proprieta' fisica in CSS. */
body.rtl .nav-item--align-end > .dropdown { right: auto; left: 0; }
body.rtl .nav-link.is-active::after { left: .7rem; right: .7rem; }
body.rtl .breadcrumb li + li::before { content: "‹"; margin-right: 0; margin-left: .45rem; }

/* Form */
body.rtl .form-control, body.rtl .form-select { text-align: right; }
body.rtl .form-control::placeholder { text-align: right; }
body.rtl .field div[role="group"] label { text-align: right; }

/* Frecce nei bottoni/link: specchiate */
body.rtl .btn .bi-arrow-right,
body.rtl .btn .bi-arrow-left,
body.rtl .link-arrow .bi-arrow-right { transform: scaleX(-1); }
body.rtl .btn:hover .bi-arrow-right { transform: scaleX(-1) translateX(4px); }
body.rtl .link-arrow:hover .bi { transform: scaleX(-1) translateX(4px); }

/* Eventi: blocco data */
body.rtl .event-row { text-align: right; }

/* Footer */
body.rtl .footer-links a:hover { padding-left: 0; padding-right: .25rem; }
body.rtl .footer-contact li { flex-direction: row; }

/* Errori di overflow: titoli lunghi */
body.rtl .hero h1, body.rtl .page-hero h1 {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* Skip link: gestito con offset verticale in agami.css (nessuna regola RTL) */

/* Tabelle */
body.rtl .table th, body.rtl .table td { text-align: right; }

/* Mobile RTL */
@media (max-width: 575.98px) {
  body.rtl .hero h1 { font-size: 1.75rem; }
  body.rtl .hero-sub { font-size: 1.05rem; }
}