/* Right-to-left adjustments (Arabic).
   Loaded ON TOP of main.css, never instead of it. */

/* --- Arabic typefaces: Bodoni and Jost have no Arabic glyphs --- */
:root{
  --display:"Amiri",Georgia,serif;
  --body:"Tajawal","Jost",system-ui,sans-serif;
}

body{direction:rtl}

/* --- Arabic is a joined script: letter spacing breaks the words apart --- */
.eyebrow,.kicker,.nav,.nav a,.hero-nav a,.scrollcue,.band-label,
.gal figcaption,.facts dt,.lines a span,.more-link,.post-meta,
.offer em,.index-label small,.entry-nav,.pager .nav-links,.footer-nav,.footer-base,
.sound,.skip-link,footer,.page-head .kicker{
  letter-spacing:normal;
  text-transform:none;
}
.hero-name{letter-spacing:normal;text-transform:none;line-height:1.15}
h2,.page-head h1,.post-title{letter-spacing:normal}

/* the language codes stay Latin, so they keep their spacing */
.langbar a{letter-spacing:.2em;text-transform:uppercase}

/* --- mirrored positions --- */
.langbar{right:auto;left:0}
.nav{padding-right:var(--pad);padding-left:calc(var(--pad) + 118px)}
.sound{right:auto;left:var(--pad)}
.band-label{left:auto;right:var(--pad)}
.gal figcaption{left:auto;right:11px}
.scrollcue{left:auto;right:50%;transform:translateX(50%)}
.skip-link:focus{left:auto;right:8px}

/* --- text alignment --- */
.hero-inner,.hero-name,.hero-tag{text-align:center}
.kicker,.body-text,.facts dd,.offer li,.lines a,.gal-head p,
.entry-content,.post-body,.index-label{text-align:right}

/* --- flipped spacing and borders --- */
.offer li:hover{padding-left:0;padding-right:8px}
.entry-content blockquote{
  padding-left:0;padding-right:20px;
  border-left:0;border-right:1px solid var(--magenta);
}
.entry-content ul,.entry-content ol{margin-left:0;margin-right:1.15em}
.hero-name span+span{margin-left:0}

/* --- gradients that pointed one way --- */
.scrollcue i{background:linear-gradient(180deg,var(--magenta),transparent)}
.contact-media::after{background:linear-gradient(180deg,rgba(8,6,13,.9),rgba(8,6,13,.72))}

@media(min-width:700px){
  .hero-name span+span{margin-left:0;margin-right:.3em}
  .facts dt{text-align:right}
  .contact-media::after{
    background:linear-gradient(270deg,rgba(8,6,13,.94) 24%,rgba(8,6,13,.5) 64%,rgba(8,6,13,.28));
  }
}

/* --- novas secoes em arabe --- */
.event-date,.event-place,.contact-form label,.btn,.event-link,.venue-list li{
  letter-spacing:normal;text-transform:none;
}
.langbar a{letter-spacing:.2em;text-transform:uppercase}
.contact-form input,.contact-form textarea{text-align:right}
.event-link{justify-self:start}
@media(min-width:860px){.event-link{justify-self:start}}