/* ============================================================
   RTL — Farsi (fa) only
   Loaded with Bootstrap 5 RTL when body has class "rtl" and html[dir="rtl"].
   No global body { text-align: right }; alignment follows dir=rtl + explicit rules.
   ============================================================ */

:root {
    --font-heading-rtl: 'Vazirmatn', 'Playfair Display', Tahoma, sans-serif;
    --font-body-rtl: 'Vazirmatn', 'Inter', Tahoma, sans-serif;
}

body.rtl {
    font-family: var(--font-body-rtl);
    line-height: 1.8;
}

body.rtl h1,
body.rtl h2,
body.rtl h3,
body.rtl h4,
body.rtl h5,
body.rtl h6,
body.rtl .hero-title,
body.rtl .hero-overline,
body.rtl .prose-heading,
body.rtl .focus-title,
body.rtl .focus-card-title,
body.rtl .pubs-title,
body.rtl .events-title,
body.rtl .collections-title,
body.rtl .resources-title,
body.rtl .member-title,
body.rtl .atelier-title,
body.rtl .contact-title,
body.rtl .page-hero-title,
body.rtl .page-cta-title {
    font-family: var(--font-heading-rtl);
}

body.rtl .header-brand-name,
body.rtl .footer-brand-name {
    font-family: var(--font-heading-rtl);
}

/*
 * Reinforce intentional centering (style.css already sets these; listed for clarity
 * and in case any RTL cascade edge case appears).
 */
body.rtl .header-brand,
body.rtl .hero-content,
body.rtl .page-hero-content,
body.rtl .page-section-header,
body.rtl .page-cta,
body.rtl .page-cta-inner,
body.rtl .focus-header,
body.rtl .pubs-header,
body.rtl .pubs-list-empty,
body.rtl .pubs-footer,
body.rtl .events-header,
body.rtl .events-date,
body.rtl .events-footer,
body.rtl .collections-header,
body.rtl .resources-header,
body.rtl .member-header,
body.rtl .member-card-btn,
body.rtl .atelier-header,
body.rtl .atelier-footer,
body.rtl .contact-header,
body.rtl .prose-figure-placeholder {
    text-align: center;
}

/* Forms */
body.rtl .cform-label,
body.rtl .cform-input,
body.rtl .cform-textarea {
    text-align: start;
}

body.rtl .cform-submit i {
    transform: scaleX(-1);
}

/* Utility CTA: arrow points “forward” in RTL + hover motion */
body.rtl .utility-cta i {
    transform: scaleX(-1);
}

body.rtl .utility-cta:hover i {
    transform: scaleX(-1) translateX(-2px);
}

/* Section “view all” + inline link arrows */
body.rtl .pubs-item-link i,
body.rtl .events-item-link i,
body.rtl .collection-card-link i,
body.rtl .atelier-item-link i,
body.rtl .section-view-all i,
body.rtl .focus-card-link i,
body.rtl .resource-card-link i {
    transform: scaleX(-1);
}

body.rtl .section-view-all:hover i {
    transform: scaleX(-1) translateX(-2px);
}

/* Breadcrumb: visual order matches RTL reading */
body.rtl .page-breadcrumb ol {
    flex-direction: row-reverse;
    justify-content: center;
}

/* Footer columns flow RTL; typography inherits html[dir="rtl"] */
body.rtl .footer-grid {
    direction: rtl;
}