/* Arabic edition (mashrooh.co.uk): right-to-left, deep teal and sand, eight-pointed star (zellige) motif. Tokens, fonts and motifs only. */
:root[data-edition="ar"] {
  --linen: #F4EBDD; --surface: #FFFBF4; --ink: #14302F; --muted: #51625D; --line: #DCCDB4;
  --red: #0F5E63; --red-soft: #D9ECEA; --ok: #1E6B4A; --band: #0B3F43; --band-ink: #FBF4E6; --band-muted: #BCD6D3;
  --display: "Amiri", "Noto Naskh Arabic", "Times New Roman", serif;
  --body: "Noto Naskh Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --shadow: 0 1px 2px rgba(20,48,47,.08), 0 8px 24px rgba(20,48,47,.08);
}
@media (prefers-color-scheme: dark) { :root[data-edition="ar"]:not([data-theme="light"]) {
  --linen: #0F1D1E; --surface: #162A2B; --ink: #F1E8D8; --muted: #B6C3BE; --line: #29403F; --red: #4FB7BE; --red-soft: #1B3A3C; --band: #0A2A2C; } }
:root[data-edition="ar"][data-theme="dark"] { --linen: #0F1D1E; --surface: #162A2B; --ink: #F1E8D8; --muted: #B6C3BE; --line: #29403F; --red: #4FB7BE; --red-soft: #1B3A3C; --band: #0A2A2C }

/* Arabic needs more size and air than Latin at the same px, and no tight tracking or small caps */
[data-edition="ar"] body { font-size: 20px; line-height: 1.85 }
[data-edition="ar"] h1, [data-edition="ar"] h2, [data-edition="ar"] h3 { line-height: 1.4; letter-spacing: 0; font-weight: 700 }
[data-edition="ar"] h1 { font-size: clamp(2.1rem, 5vw, 3.2rem) }
[data-edition="ar"] .eyebrow, [data-edition="ar"] .h-kicker { letter-spacing: 0; text-transform: none; font-size: .95rem }
[data-edition="ar"] .h-hero h1 { letter-spacing: 0; line-height: 1.35 }
[data-edition="ar"] .btn, [data-edition="ar"] .opt, [data-edition="ar"] input, [data-edition="ar"] textarea, [data-edition="ar"] select { font-family: var(--body) }
[data-edition="ar"] .h-steps .n, [data-edition="ar"] .h-ladder .pr, [data-edition="ar"] .jstep .p { font-family: var(--display) }
/* numbers and the e-mail/URL fields stay left-to-right inside right-to-left text */
[data-edition="ar"] input[type="email"], [data-edition="ar"] input[type="tel"], [data-edition="ar"] .mono, [data-edition="ar"] b.num, [data-edition="ar"] dd.num, [data-edition="ar"] .pr.num, [data-edition="ar"] .op.num { direction: ltr; unicode-bidi: isolate }
/* .num is also put on whole sentences that hold Arabic words (references, "1 of 20"): those only get isolated, their direction stays right-to-left */
[data-edition="ar"] .num { unicode-bidi: isolate }
[data-edition="ar"] dd.num { display: block; text-align: right }

[data-edition="ar"] .edition-ribbon { height: 22px; margin-inline: calc(-1 * var(--gutter)); background: #0F5E63 url(/assets/ar/ribbon.svg) center / auto 22px repeat-x; border-bottom: 3px solid #C9A24B }
[data-edition="ar"] .ie-hem { height: 34px; background: #C9A24B; opacity: .8; -webkit-mask: url(/assets/ar/hem.svg) right center / 34px 34px repeat-x; mask: url(/assets/ar/hem.svg) right center / 34px 34px repeat-x }
[data-edition="ar"] .h-kicker::before, [data-edition="ar"] .h-reassure li::before, [data-edition="ar"] .h-points li::before, [data-edition="ar"] .h-vs-col:not(.dim) li::before {
  -webkit-mask-image: url(/assets/ar/hem.svg); mask-image: url(/assets/ar/hem.svg) }
[data-edition="ar"] .h-stitch { -webkit-mask: url(/assets/ar/hem.svg) right center / 22px 22px repeat-x; mask: url(/assets/ar/hem.svg) right center / 22px 22px repeat-x; height: 22px; background: #C9A24B }
[data-edition="ar"] .h-hero::before { background: linear-gradient(to bottom, rgba(244,235,221,.8), var(--linen) 80%), url(/assets/ar/hero.jpg) center 30% / cover no-repeat, linear-gradient(135deg, #D9ECEA, #F4EBDD); opacity: .7 }
[data-edition="ar"] .h-band { background: linear-gradient(rgba(11,63,67,.94), rgba(11,63,67,.97)), url(/assets/ar/ribbon.svg) center / 48px repeat, var(--band) }
[data-edition="ar"] .h-band::after { inset: auto auto -40px -40px; background: #C9A24B; opacity: .16; -webkit-mask-image: url(/assets/ar/hem.svg); mask-image: url(/assets/ar/hem.svg) }
[data-edition="ar"] .h-ladder .s1 .pr { color: #9FDCC0 }
[data-edition="ar"] .h-ladder .s4 { color: #0B3F43 } [data-edition="ar"] .h-ladder .s4 > span:last-child { color: #3F5A56 }
[data-edition="ar"] .h-final { background: linear-gradient(rgba(244,235,221,.88), rgba(217,236,234,.92)), url(/assets/ar/hero.jpg) center / cover no-repeat, #D9ECEA }
[data-edition="ar"] .h-chip { transform: translateX(50%) rotate(1.5deg); left: auto; right: 50% }
@keyframes h-chip-rtl { from { transform: translateX(50%) translateY(14px) rotate(1.5deg) } to { transform: translateX(50%) rotate(1.5deg) } }
@media (prefers-reduced-motion: no-preference) { [data-edition="ar"] .h-chip { animation-name: h-chip-rtl } }
@media (max-width: 600px) { [data-edition="ar"] .h-chip { transform: none; right: auto; animation: none } }
[data-edition="ar"] .h-scape svg { transform: scaleX(-1) }   /* the home country sits on the right, London on the left, as the text reads */
[data-edition="ar"] .logo-img { height: 44px }