/* =========================================================
   Badr Al Safaa Medical Centre — Arabic (right-to-left) layout
   Applies only when the page is switched to Arabic (html[dir="rtl"]).
   ========================================================= */
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-300-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'IBM Plex Sans Arabic'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'Amiri'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/amiri-arabic-400-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: 'Amiri'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/amiri-arabic-700-normal.woff2') format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }

/* Arabic letters use IBM Plex Sans Arabic (sans) and Amiri (serif headings);
   Latin letters and digits keep the design fonts. */
html[dir="rtl"] {
  --f-sans: 'Montserrat', 'IBM Plex Sans Arabic', sans-serif;
  --f-serif: 'Playfair Display', 'Amiri', serif;
  --f-dm: 'DM Sans', 'IBM Plex Sans Arabic', sans-serif;
  --f-noto: 'Noto Serif', 'Amiri', serif;
  --f-jakarta: 'Plus Jakarta Sans', 'IBM Plex Sans Arabic', sans-serif;
  --f-inter: 'Inter', 'IBM Plex Sans Arabic', sans-serif;
}
html[dir="rtl"] body { font-family: var(--f-sans); }
/* Arabic has no letter-case or wide tracking; italics are not used in Arabic type */
html[dir="rtl"] body * { letter-spacing: 0 !important; }
html[dir="rtl"] em { font-style: normal; }

/* ---------- Mirrored layout fixes (only where the English design uses fixed left/right positions) ---------- */
html[dir="rtl"] .specialists__inner { margin-left: auto; margin-right: max(16px, calc(50% - 592px)); }
html[dir="rtl"] .departments__nav { right: auto; left: 0; }
html[dir="rtl"] .dept-card__body { left: auto; right: 24px; }
html[dir="rtl"] .dept-card__body--w236 { left: auto; right: 24px; }
html[dir="rtl"] .testimonials__intro { margin-right: 0 !important; }
@media (min-width: 1181px) { html[dir="rtl"] .testimonials__intro { margin-left: -76px; } }
html[dir="rtl"] .avatars span + span { margin-left: 0; margin-right: -12px; }
html[dir="rtl"] .hero__campus-row { left: auto; right: 0; }
html[dir="rtl"] .finder__search-icon { left: auto; right: 9.306px; }
html[dir="rtl"] .finder__input { padding: 6.514px 30.709px 7.445px 8.375px; }
html[dir="rtl"] .finder__select { padding: 6.514px 10.237px 6.514px 23.264px; }
html[dir="rtl"] .finder__select-bg { left: auto; right: 142.998px; }
html[dir="rtl"] .finder__select-chevron { right: auto; left: 7.444px; }

/* Arrows point the reading direction */
html[dir="rtl"] img[src*="arrow"],
html[dir="rtl"] img[src*="icon-pay-chevron"],
html[dir="rtl"] img[src*="carousel-"],
html[dir="rtl"] img[src*="review-"] { transform: scaleX(-1); }
html[dir="rtl"] .round-btn--outline img { transform: none; }
html[dir="rtl"] .btn-outline-gold .arrow { display: inline-block; transform: scaleX(-1); }
html[dir="rtl"] .btn-outline-gold:hover .arrow { transform: scaleX(-1) translateX(3px); }
html[dir="rtl"] .footer-pay:hover img { transform: scaleX(-1) translateX(2px); }
html[dir="rtl"] .footer-links a:hover { transform: translateX(-3px); }

/* Phone numbers, counters and prices keep left-to-right digit order */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="https://wa.me"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] .review__count { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .map__pill span { padding-left: 0; padding-right: 8px; }
html[dir="rtl"] .place__name img { margin-right: 0; margin-left: 8px; }
html[dir="rtl"] .place__km { margin-left: 0; margin-right: 4px; }
html[dir="rtl"] .campus-card__head-text { padding-left: 0; padding-right: 12px; }
html[dir="rtl"] .nearby__label span { padding-left: 0; padding-right: 8px; }
html[dir="rtl"] .footer-brand__nhra { white-space: normal; max-width: 420px; }

/* Slide-in animations enter from the reading-start side (never past the left edge, which would add sideways scrolling) */
html[dir="rtl"].anim-ready [data-reveal="left"]:not(.is-in) { transform: translate3d(36px, 0, 0); }
html[dir="rtl"].anim-ready [data-reveal="right"]:not(.is-in) { transform: translate3d(36px, 0, 0); }

/* Facility strip keeps entering from the right edge in Arabic too */
html[dir="rtl"] .stats__viewport { direction: ltr; }
html[dir="rtl"] .stats__item { direction: rtl; }