/* ===== RTL overrides — Arabic (ar/index.html) only =====
   dir="rtl" auto-flips flex/grid axis direction and default text alignment,
   and most of this site's positioning already uses logical properties
   (inset-inline-*, border-inline-start, margin-inline-start), so they flip
   for free. This file patches only the spots that use PHYSICAL left/right
   values and would otherwise read backwards in the mirrored layout, plus
   swaps the Latin type family for an Arabic-supporting one. Loaded last,
   only by ar/index.html, so it always wins the cascade. */

:root {
  --font-head: 'Cairo', 'Figtree', 'Segoe UI', sans-serif;
  --font-body: 'Cairo', 'Poppins', 'Segoe UI', sans-serif;
}

/* Skip-link off-screen technique: hide toward the trailing physical edge. */
.skip-link { left: auto; right: -999px; }
.skip-link:focus { right: 0; }

/* Infrastructure bar: divider borders were drawn on the right of each item
   (correct between items 1|2|3 reading left-to-right). Under rtl the row
   itself mirrors, so the divider needs to move to the left of each item to
   still land between the (now mirrored) columns. */
.infra-item { border-right: none; border-left: 1px solid var(--border); }
.infra-item:last-child { border-left: none; }
@media (max-width: 991px) {
  .infra-item { border-right: none; border-left: 1px solid var(--border); }
  .infra-item:nth-child(2n) { border-left: none; }
}

/* Treatment card number badge: top-left "leading corner" chip should sit at
   the reading-start corner, which is the top-right under rtl. */
.treatment-num { left: auto; right: 14px; }

/* Doctor card composition: portrait pokes up on the left of the card with
   the name badge overlapping its bottom-right in ltr. Mirror both to keep
   the same visual relationship reading right-to-left. */
.doctor-photo-img { left: auto; right: 20px; }
.doctor-photo-badge { right: auto; left: 14px; }

/* CTA strip decorative pattern bleeds off the right edge in ltr; mirror it
   to the left so the composition still feels centered under the flipped
   heading/button stack. */
.cta-strip-pattern { right: auto; left: -40px; }

/* Primary WhatsApp CTA arrow icon: flip so it still points toward the
   reading-forward direction (left, under rtl) instead of pointing away
   from the button label. */
.cs-btn svg { transform: scaleX(-1); }

/* Bitrix CRM form (best-effort only): the widget script injects its own
   markup/styles at runtime, so this can only reach the outer wrapper we
   control — internal field labels/inputs are configured server-side in
   Bitrix and are not translatable or RTL-able from this stylesheet. */
.b24-form, .b24-form-wrapper, [data-b24-form] { text-align: right; }