/* Right-to-left (Kurdish / Arabic) overrides for the homepage */
@font-face { font-family: "Naskh"; src: url("fonts/NotoNaskhArabic.ttf") format("truetype"); font-weight: 400 700; font-display: swap; }

[dir="rtl"] { --serif: "Kufi", "Newsreader", serif; --sans: "Kufi", "Jost", sans-serif; }
[dir="rtl"] body { font-family: var(--kufi); line-height: 1.85; }
/* Arabic script must never be letter-spaced or upper-cased: it breaks the joined letters */
[dir="rtl"] * { letter-spacing: 0 !important; text-transform: none !important; }
[dir="rtl"] .ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; font-family: "Jost", sans-serif; }
[dir="rtl"] .flip { transform: scaleX(-1); }

[dir="rtl"] .eyebrow { font-size: 14px; font-weight: 600; }
[dir="rtl"] .h2 { font-weight: 700; font-size: clamp(30px, 3.6vw, 46px); line-height: 1.35; }
[dir="rtl"] .lede { font-size: 18px; line-height: 1.95; }
[dir="rtl"] .btn { font-weight: 500; font-size: 15.5px; }

/* nav */
[dir="rtl"] .nav ul { margin-left: 0; margin-right: auto; font-size: 15px; gap: 26px; }
[dir="rtl"] .nav .logo img { height: 52px; }
[dir="rtl"] .strip .langs { font-family: var(--kufi); }

/* hero */
[dir="rtl"] .hero h1 { font: 700 clamp(32px, 3.7vw, 52px)/1.5 var(--kufi); }
[dir="rtl"] .hero .photo { inset: 0 0 0 -12vw; border-radius: 0 300px 300px 0; }
[dir="rtl"] .doc-chip { left: auto; right: -28px; padding: 12px 12px 12px 22px; }
[dir="rtl"] .doc-chip b { font-size: 15px; }
[dir="rtl"] .next-chip { right: auto; left: 24px; }
[dir="rtl"] .next-chip b { font: 700 18px/1.5 var(--kufi); }
[dir="rtl"] .next-chip .eyebrow { font-size: 12px; }
[dir="rtl"] .hero .points div { font-size: 14.5px; line-height: 1.6; }

/* doors */
[dir="rtl"] .door h3 { font: 700 32px/1.45 var(--kufi); }
[dir="rtl"] .door p { font-size: 16px; line-height: 1.9; }
[dir="rtl"] .door-academy .mark { right: auto; left: -70px; }
[dir="rtl"] .door-clinic::after { background: linear-gradient(180deg, rgba(20,36,75,0) 0%, rgba(20,36,75,.95) 55%); }

/* courses */
[dir="rtl"] .card .top .lines { right: auto; left: 22px; align-items: flex-start; }
[dir="rtl"] .card .top .big { font: 300 66px/1 var(--kufi); }
[dir="rtl"] .card .top .big small { margin-left: 0; margin-right: 8px; font-family: var(--kufi); font-size: 16px; }
[dir="rtl"] .card h3 { font: 700 19px/1.6 var(--kufi); }
[dir="rtl"] .card .meta { font-size: 13.5px; }
[dir="rtl"] .card .price small { font-size: 11.5px; }

/* how it works */
[dir="rtl"] .step .n { font: 600 17px/1 var(--kufi); }
[dir="rtl"] .step b { font-size: 17px; }
[dir="rtl"] .step p { font-size: 15px; line-height: 1.9; }
[dir="rtl"] .cert .verify { right: auto; left: 26px; padding: 14px 14px 14px 20px; }
[dir="rtl"] .cert img { transform: rotate(2deg); }

/* doctor */
[dir="rtl"] .doctor h2 { font: 700 clamp(36px, 4.4vw, 56px)/1.35 var(--kufi); }
[dir="rtl"] .doctor .en-name { display: inline-block; margin-top: 4px; font: 500 24px/1.4 "Newsreader", serif; color: var(--sky); direction: ltr; }
[dir="rtl"] .doctor .role { font-size: 18px; line-height: 1.95; }
[dir="rtl"] .doctor .portrait-wrap { padding: 20px 0 0 20px; }
[dir="rtl"] .doctor .arch-line { left: 0; right: 20px; }
[dir="rtl"] .doctor .cred { left: auto; right: -24px; padding: 12px 12px 12px 22px; }
[dir="rtl"] .doctor .cred b { font-size: 15px; line-height: 1.6; }
[dir="rtl"] .doctor .focus b { font-size: 15px; line-height: 1.6; }
[dir="rtl"] .doctor .focus span { font-size: 13px; line-height: 1.7; }
[dir="rtl"] .doctor blockquote { padding-left: 0; padding-right: 58px; }
[dir="rtl"] .doctor blockquote .qmark { left: auto; right: 0; top: -8px; font: 600 84px/1 "Newsreader", serif; transform: scaleX(-1); }
[dir="rtl"] .doctor blockquote p { font: 400 25px/1.8 "Naskh", serif; font-style: normal; }
[dir="rtl"] .doctor blockquote cite { font-size: 13px; }
[dir="rtl"] .doctor .bigmark { right: auto; left: -120px; }

/* visit */
[dir="rtl"] .visit .pic span { left: auto; right: 22px; }
[dir="rtl"] .visit dd { font-size: 17px; }

/* footer */
[dir="rtl"] footer .top img { height: 58px; }
[dir="rtl"] footer h4 { font-size: 13px; font-weight: 600; }

@media (max-width: 1080px) {
  [dir="rtl"] .menu-btn { margin-left: 0; margin-right: auto; }
  [dir="rtl"] .hero .photo { inset: 0 0 0 -16px; border-radius: 0 220px 220px 0; }
  [dir="rtl"] .doc-chip { right: 12px; }
  [dir="rtl"] .doctor .cred { right: -12px; padding: 10px 10px 10px 16px; }
}
@media (max-width: 640px) {
  [dir="rtl"] .nav .logo img { height: 42px; }
  [dir="rtl"] .next-chip { left: 12px; }
  [dir="rtl"] .door h3 { font-size: 26px; }
  [dir="rtl"] .doctor .cred { right: 12px; }
  [dir="rtl"] .doctor blockquote { padding-right: 46px; }
}

/* patient journey + questions */
[dir="rtl"] .jsteps::before { background: repeating-linear-gradient(270deg, var(--brand) 0 10px, transparent 10px 18px); }
[dir="rtl"] .jstep .n { font: 600 21px/1 var(--kufi); }
[dir="rtl"] .jstep h3 { font: 700 18px/1.6 var(--kufi); }
[dir="rtl"] .jstep p { font-size: 14.5px; line-height: 1.9; }
[dir="rtl"] .qa-col h3 { font-size: 17px; }
[dir="rtl"] .qa-col .faq b { font-size: 15.5px; line-height: 1.7; }
[dir="rtl"] .qa-col .faq p { line-height: 1.9; }

/* the certificate is an English document: keep its own fonts, direction and spacing on Kurdish pages */
[dir="rtl"] .cert-wrap { direction: ltr; --serif: "Newsreader", Georgia, serif; --sans: "Jost", "Helvetica Neue", Arial, sans-serif; }
[dir="rtl"] .cert-doc .course { text-transform: uppercase !important; letter-spacing: .22em !important; }
[dir="rtl"] .cert-doc .academy small { letter-spacing: .3em !important; }
[dir="rtl"] .cert-doc .sig span, [dir="rtl"] .cert-doc .meta span { text-transform: uppercase !important; letter-spacing: .22em !important; }
[dir="rtl"] .cert-doc .qr-cap { text-transform: uppercase !important; letter-spacing: .18em !important; }
[dir="rtl"] .cert-doc .title-ku { direction: rtl; }
[dir="rtl"] .hero .visual::before { inset: 4% 8% -4% -6%; }
[dir="rtl"] .hero .visual::after { right: auto; left: -20px; transform: rotate(-3.5deg); }
[dir="rtl"] .hero .photo-doctor { inset: 0 auto 0 0; border-radius: 40px; }
[dir="rtl"] .hero .visual .next-chip { left: auto; right: -40px; }
[dir="rtl"] .hero .visual .doc-chip { right: auto; left: -26px; }
@media (max-width: 960px) {
  [dir="rtl"] .hero .photo-doctor { inset: 0; border-radius: 40px; }
  [dir="rtl"] .hero .visual::after { left: -12px; }
  [dir="rtl"] .hero .visual .next-chip { right: -8px; left: auto; }
}