/* Riyal-specific mark treatment; layout and chapter colors come from the shared site CSS. */
.riyal-mark {
  display: inline-block;
  width: 1em;
  height: 1.12em;
  flex: none;
  vertical-align: -0.16em;
  background: center / contain no-repeat url("assets/graphics/saudi-riyal-symbol.svg");
}

.usage-symbol.riyal-mark {
  width: clamp(68px, 9vw, 112px);
  height: clamp(80px, 10vw, 126px);
  vertical-align: middle;
  filter: brightness(0) invert(1);
}

.printed-price .riyal-mark {
  width: 0.72em;
  height: 0.82em;
  vertical-align: -0.08em;
}

.menu-print .riyal-mark {
  width: 0.78em;
  height: 0.9em;
  vertical-align: -0.12em;
}

.lang-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: .4rem 1rem;
  border: 2px solid currentColor;
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  opacity: 1;
}

html[lang="ar-SA"] { --ar-body:"Alan Sans","Geeza Pro","Segoe UI",Tahoma,Arial,sans-serif; --ar-display:var(--ar-body); }
html[lang="ar-SA"] body { direction: ltr; font-family: var(--ar-body); }
html[lang="ar-SA"] :is(body,h1,h2,h3,p,a,span,li,button,summary,label,strong,b,small,figcaption,div,details,nav) { font-family:var(--ar-body)!important; letter-spacing:0; word-spacing:0; font-kerning:normal; font-feature-settings:normal; }
html[lang="ar-SA"] main :is(h1,h2,h3):not(.riyal-glyph) { font-family:var(--ar-display)!important; font-weight:700!important; line-height:1.3; letter-spacing:0!important; }
html[lang="ar-SA"] .site-header { direction: rtl; justify-content: flex-start; }
html[lang="ar-SA"] .site-header nav { direction: rtl; margin-left: auto; }
html[lang="ar-SA"] .site-brand { min-width: 0; }
html[lang="ar-SA"] .site-brand .brand-edition { flex-direction: column-reverse; align-items: stretch; gap: 0; width: max-content; }
html[lang="ar-SA"] .site-brand .brand-name { font-family: var(--ar-display)!important; font-size: 34px; line-height: 1; font-weight: 900!important; letter-spacing: 0; }
html[lang="ar-SA"] .site-brand .brand-label { font-family: var(--ar-body)!important; font-size: 11px; line-height: 1; font-weight: 700; border: 0; border-bottom: 1px solid currentColor; padding: 0 0 3px; margin: 0 0 2px; text-align: right; }
html[lang="ar-SA"] .site-header .lang-switch { min-height: 38px; }
html[lang="ar-SA"] .site-header .header-cta { letter-spacing: 0; text-transform: none; }
html[lang="ar-SA"] .hero h1,
html[lang="ar-SA"] .hero h1 span,
html[lang="ar-SA"] .hero .intro { font-family:var(--ar-body)!important; font-synthesis:none; }
html[lang="ar-SA"] .hero-copy,html[lang="ar-SA"] .section-copy,html[lang="ar-SA"] .proof-copy,html[lang="ar-SA"] .usage-heading,html[lang="ar-SA"] .usage-steps,html[lang="ar-SA"] .tamer-story,html[lang="ar-SA"] .download-copy,html[lang="ar-SA"] footer { direction: rtl; text-align: right; }
html[lang="ar-SA"] .proof-copy { text-align:center; }
html[lang="ar-SA"] .usage-note { font-size:16px!important; font-weight:500; line-height:1.8; }
html[lang="ar-SA"] .usage-steps span { font-size:16px; line-height:1.7; }
html[lang="ar-SA"] .usage-steps strong { font-weight:600; }
html[lang="ar-SA"] .usage-replay { font-size:15px; }
html[lang="ar-SA"] #works .rules-rail,
html[lang="ar-SA"] .usage-composition { direction: ltr; }
html[lang="ar-SA"] .usage-steps button { text-align: right; }

/* CTA type/layout now comes from the shared dirhamfont-matched rules (download-gate.css + mesh-finish.css). Only state/colour kept here. */
.download-pay:disabled { opacity:1; cursor:not-allowed; }
#contact-home.section.download { color:#F7F7F3; }
#contact-home .download-copy .intro,
#contact-home .download-copy .download-note { color:#F7F7F3; }
html[lang="ar-SA"] .download-pay, html[lang="ar-SA"] .trust-head { direction:rtl; }
html[lang="ar-SA"] #contact-home .download-copy { text-align:right; }
html[lang="ar-SA"] .stripe-badge { margin-left:0; margin-right:auto; }

/* Language suggestion banner (assets/js/lang-switch.js). Same rules as assets/css/lang-switch.css; that file is not loaded here because it restyles this page's switcher. */
.lang-banner{position:fixed;inset-inline:1rem;bottom:1rem;z-index:9999;max-width:30rem;margin-inline:auto;display:flex;gap:.75rem;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#3B2458;color:#F7F7F3;border:1px solid rgba(236,232,220,.25);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);font:500 .95rem/1.4 system-ui,"Geeza Pro",Tahoma,sans-serif}
.lang-banner a{color:#D8C8E4;font-weight:700}
.lang-banner button{background:none;border:0;color:inherit;font-size:1.3rem;line-height:1;cursor:pointer;opacity:.75}