/* rtl.css — RTL layout per le pagine /ar/ della Fondazione Nkemnkia */

html[dir=rtl] {
  direction: rtl;
}

html[dir=rtl] body {
  font-family: "Noto Naskh Arabic","Noto Sans Arabic","Geeza Pro","Arial",sans-serif;
}

html[dir=rtl] {
  --nk-heading-font: "Noto Naskh Arabic","Noto Sans Arabic","Geeza Pro",serif;
}

/* Contenitori di testo: allineamento a destra */
html[dir=rtl] .hero-content,
html[dir=rtl] .hero-kicker,
html[dir=rtl] .hero-h1,
html[dir=rtl] .hero-sub,
html[dir=rtl] .page-hero .nk-container,
html[dir=rtl] .ev-section-kicker,
html[dir=rtl] .ev-h2,
html[dir=rtl] .ev-body,
html[dir=rtl] .ev-role,
html[dir=rtl] .q-main,
html[dir=rtl] .q-body,
html[dir=rtl] .mission-text,
html[dir=rtl] .glass-section-label,
html[dir=rtl] .glass-section-title,
html[dir=rtl] .glass-section-subtitle,
html[dir=rtl] .blog-header,
html[dir=rtl] .nk-footer-quote,
html[dir=rtl] .page-kicker,
html[dir=rtl] .page-h1,
html[dir=rtl] .pd-k,
html[dir=rtl] .pd-l,
html[dir=rtl] .pd-v,
html[dir=rtl] .footer-brand p,
html[dir=rtl] .footer-col ul,
html[dir=rtl] .footer-col h4 {
  text-align: right;
}

/* hero-line / page-line: parte da destra */
html[dir=rtl] .hero-line,
html[dir=rtl] .page-line,
html[dir=rtl] .ev-section-line {
  margin-inline-start: 0;
  margin-inline-end: auto;
}

/* hero-btns: flex invertito */
html[dir=rtl] .hero-btns {
  flex-direction: row-reverse;
}

/* nav-cards grid: flex e border-radius invariati, frecce gestite nel markup */

/* nc-icon: già al centro */

/* mission-grid: colonne invertite */
html[dir=rtl] .mission-grid {
  direction: rtl;
}

/* stats-grid text */
html[dir=rtl] .stat {
  text-align: right;
}

/* project-inner: colonne invertite */
html[dir=rtl] .project-inner {
  direction: rtl;
}

/* phase: flex-direction row-reverse */
html[dir=rtl] .phase {
  flex-direction: row-reverse;
  text-align: right;
}

/* blog-header: flex invertito */
html[dir=rtl] .blog-header {
  flex-direction: row-reverse;
}

/* blog-card: bc-cat a destra invece di sinistra */
html[dir=rtl] .bc-cat {
  left: auto;
  right: .65rem;
}

/* footer-grid: colonne invertite */
html[dir=rtl] .footer-grid {
  direction: rtl;
}

/* footer-bottom: flex invertito */
html[dir=rtl] .nk-footer-bottom {
  flex-direction: row-reverse;
}

/* footer links */
html[dir=rtl] .footer-col a {
  text-align: right;
  display: block;
}

/* #nkBar: logo a destra, nav a sinistra */
html[dir=rtl] #nkBar {
  flex-direction: row-reverse;
}

html[dir=rtl] #nkBar nav {
  flex-direction: row-reverse;
}

/* Pill lingua: lato sinistro invece di destro */
html[dir=rtl] .nk-lang {
  inset-inline-start: 1rem;
  inset-inline-end: auto;
  left: 1rem;
  right: auto;
}

/* Burger: lato sinistro invece di destro */
html[dir=rtl] #nkBurger {
  inset-inline-start: 1rem;
  inset-inline-end: auto;
  left: 1rem;
  right: auto;
}

/* overlay: link allineati a destra */
html[dir=rtl] #nkOverlay a {
  text-align: right;
}

/* Mobile pill: affiancata al burger (ora a sinistra) */
@media (max-width: 768px) {
  html[dir=rtl] .nk-lang {
    left: 4.2rem;
    right: auto;
  }
}

/* Border-left → border-right per elementi con accento dorato a sinistra */
html[dir=rtl] .ev-aspiration,
html[dir=rtl] .ev-aiws-highlight,
html[dir=rtl] .pd-mission {
  border-left: none;
  border-right: 3px solid var(--nk-gold);
  border-radius: 6px 0 0 6px;
}

html[dir=rtl] .city-card {
  border-left: none;
  border-right: 3px solid var(--nk-gold);
}

html[dir=rtl] .ev-founder-box {
  border-left: none;
  border-right: 3px solid var(--nk-gold);
}

html[dir=rtl] .phase {
  border-left: none;
  border-right: 3px solid var(--nk-gold);
}

/* post-cat: RTL */
html[dir=rtl] .post-cat {
  left: auto;
  right: .8rem;
}

/* contact-layout: grid invertito */
html[dir=rtl] .contact-layout {
  direction: rtl;
}

/* form: testo a destra */
html[dir=rtl] .form-label,
html[dir=rtl] .form-input,
html[dir=rtl] .form-textarea,
html[dir=rtl] select.form-input {
  text-align: right;
}

/* bank-row: flex invertito */
html[dir=rtl] .bank-row {
  flex-direction: row-reverse;
}

/* donation tiers: testo centrato invariato */

/* Glass cards: testo a destra */
html[dir=rtl] .card-tag,
html[dir=rtl] .card-title,
html[dir=rtl] .card-body,
html[dir=rtl] .card-content {
  text-align: right;
}

html[dir=rtl] .card-num {
  right: auto;
  left: 1.1rem;
}

/* timeline: invertita */
html[dir=rtl] .timeline-item {
  flex-direction: row-reverse;
}

html[dir=rtl] .tl-right {
  text-align: right;
}

/* cities-grid */
html[dir=rtl] .cities-bridge p {
  text-align: right;
}

/* ev-info-grid: invertito */
html[dir=rtl] .ev-info-grid {
  direction: rtl;
}

html[dir=rtl] .ev-info-label,
html[dir=rtl] .ev-info-val {
  text-align: right;
}

/* ev-logos */
html[dir=rtl] .ev-logos {
  flex-direction: row-reverse;
}

/* cta-buttons */
html[dir=rtl] .cta-buttons {
  flex-direction: row-reverse;
}

/* story timeline: left border → right */
html[dir=rtl] .storia-layout {
  direction: rtl;
}

/* partner tiles */
html[dir=rtl] .partner-grid {
  direction: rtl;
}

/* impatto: stesso globo, solo testi RTL */
html[dir=rtl] .hero-behind .page-kicker,
html[dir=rtl] .hero-behind .page-h1,
html[dir=rtl] .hero-behind .page-sub2 {
  text-align: right;
}

html[dir=rtl] .hero-behind {
  text-align: right;
}

/* pd-grid: invertito */
html[dir=rtl] .pd-grid {
  direction: rtl;
}

/* pd-flag: allineata a destra */
html[dir=rtl] .pd-flag {
  margin-inline-end: auto;
}

/* Contact cards */
html[dir=rtl] .contact-card p,
html[dir=rtl] .contact-card strong {
  text-align: right;
  display: block;
}

/* Sostieni: tier impact text */
html[dir=rtl] .tier-impact {
  text-align: center;
}

/* bank-transp-grid */
html[dir=rtl] .bank-transp-grid {
  direction: rtl;
}

/* bank-label/value: testo rispettivo */
html[dir=rtl] .bank-label {
  text-align: right;
}

html[dir=rtl] .bank-value {
  text-align: left;
  font-family: monospace;
}

/* Prof page */
html[dir=rtl] .prof-bio,
html[dir=rtl] .prof-section {
  text-align: right;
}

/* stat-grid: stesso layout 2 col, ma testo a destra */
html[dir=rtl] .stat-n,
html[dir=rtl] .stat-l {
  text-align: right;
}

/* nk-container p: default text-align right */
html[dir=rtl] .nk-container p {
  text-align: right;
}

/* Overlay nav: testo RTL */
html[dir=rtl] #nkOverlay {
  text-align: right;
}

/* section headers */
html[dir=rtl] .nk-label,
html[dir=rtl] .nk-h2,
html[dir=rtl] .nk-separator {
  text-align: right;
}

/* .nc (nav card) icon: rimane a sinistra strutturalmente (la card ha dir:rtl ereditato) */
html[dir=rtl] .nc {
  flex-direction: column;
  text-align: right;
}