/* * Site direction layer. * The active language is resolved in PHP and exposed on / . */ html[data-amirsa-lang="en"], body.amirsa-dir-ltr { direction: ltr; } html[data-amirsa-lang="fa"], body.amirsa-dir-rtl { direction: rtl; } .header__lang-btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; } .header__lang-btn[aria-current="true"] { cursor: default; } /* Site-wide text direction follows */ html[dir="ltr"] body { direction: ltr; text-align: left; } html[dir="rtl"] body { direction: rtl; text-align: right; } /* Sections that hard-code LTR in their own CSS — inherit from html instead */ html[dir="ltr"] .header, html[dir="ltr"] .hero, html[dir="ltr"] .about, html[dir="ltr"] .streams, html[dir="ltr"] .music, html[dir="ltr"] .concerts, html[dir="ltr"] .contact, html[dir="ltr"] .footer, html[dir="ltr"] .amirsa-dock, html[dir="ltr"] .concerts-modal { direction: ltr; } html[dir="rtl"] .header, html[dir="rtl"] .hero, html[dir="rtl"] .about, html[dir="rtl"] .streams, html[dir="rtl"] .music, html[dir="rtl"] .concerts, html[dir="rtl"] .contact, html[dir="rtl"] .footer, html[dir="rtl"] .amirsa-dock, html[dir="rtl"] .concerts-modal { direction: rtl; } /* Embedded players & numeric UI stay LTR inside RTL pages */ html[dir="rtl"] iframe, html[dir="rtl"] .music__iframe, html[dir="rtl"] .streams__time, html[dir="rtl"] .amirsa-dock__times, html[dir="rtl"] .concerts__gig-day, html[dir="rtl"] .concerts__past-row-year { direction: ltr; unicode-bidi: isolate; }