/* Star Sailing Club - right-to-left adjustments for the Arabic tree.
   Loaded only on /ar/ pages, after every other stylesheet. */

/* Arabic script is cursive: positive letter-spacing breaks the joins.
   Neutralise it everywhere, then restore it for the Latin-only lockups. */
[dir="rtl"] body,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4,
[dir="rtl"] p, [dir="rtl"] li, [dir="rtl"] a, [dir="rtl"] span,
[dir="rtl"] div, [dir="rtl"] button, [dir="rtl"] label,
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] td, [dir="rtl"] th,
[dir="rtl"] .meta, [dir="rtl"] .k, [dir="rtl"] .ch, [dir="rtl"] .cat,
[dir="rtl"] .t-bdg, [dir="rtl"] .flag, [dir="rtl"] .tag, [dir="rtl"] .bkr{
  letter-spacing: normal;
}
[dir="rtl"] .brand, [dir="rtl"] .brand *, [dir="rtl"] .lngs{
  letter-spacing: .06em;
  direction: ltr;
}
[dir="rtl"] .brand{ unicode-bidi: isolate; }

/* Arabic needs a little more line height than the Latin defaults. */
[dir="rtl"] body{ line-height: 1.75; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3{ line-height: 1.35; }

/* Text blocks that were explicitly left-aligned in the LTR design. */
[dir="rtl"] .lead, [dir="rtl"] .ex, [dir="rtl"] .bbody p,
[dir="rtl"] .bbody li, [dir="rtl"] .bbody h2, [dir="rtl"] .bbody h3,
[dir="rtl"] .yspecs, [dir="rtl"] .ysec, [dir="rtl"] .qa,
[dir="rtl"] .field label, [dir="rtl"] .foot-col{ text-align: right; }

/* Lists: markers move to the right edge. */
[dir="rtl"] ul, [dir="rtl"] ol{ padding-right: 1.25em; padding-left: 0; }

/* Blockquote / pull-quote rules drawn on the left edge. */
[dir="rtl"] blockquote, [dir="rtl"] .pull, [dir="rtl"] .tip{
  border-left: 0;
  border-right: 3px solid var(--gold, #c9a227);
  padding-left: 0;
  padding-right: 18px;
}

/* Corner affordances that were pinned to a physical side. */
[dir="rtl"] .t-go{ right: auto; left: 18px; transform: scaleX(-1); }
[dir="rtl"] .backbar a{ display: inline-block; }
[dir="rtl"] .backbar a::first-letter{ unicode-bidi: isolate; }

/* Numbers, prices, phone numbers and Latin names keep LTR order. */
[dir="rtl"] .price, [dir="rtl"] .spec b, [dir="rtl"] .v,
[dir="rtl"] .cv, [dir="rtl"] .foot-contact a[href^="tel"],
[dir="rtl"] .foot-contact a[href^="mailto"]{
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}
[dir="rtl"] .price{ text-align: right; }

/* Form controls. */
[dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select{
  text-align: right;
  direction: rtl;
}
[dir="rtl"] input[type="date"], [dir="rtl"] input[type="number"],
[dir="rtl"] input[type="tel"]{ direction: ltr; text-align: right; }

/* The floating chat widget sits bottom-right in the LTR design; keep it
   there so it does not collide with the RTL scroll affordances. */
[dir="rtl"] .ssb-bubble, [dir="rtl"] .ssb-badge,
[dir="rtl"] .ssb-menu, [dir="rtl"] .ssb-panel{ direction: ltr; }