/* ===== Holistix Arabic (RTL) overrides — load AFTER style.css + hx-nav.css ===== */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700&display=swap');

:root{
  --serif:'Cairo',sans-serif;
  --sans:'Cairo',sans-serif;
  --body:'Cairo',sans-serif;
  --display:'Cairo',sans-serif;   /* mafaza-engine token */
}
html{direction:rtl}
body,h1,h2,h3,h4,h5,h6,p,a,span,div,li,button,input,textarea,select,label,.btn,.eyebrow,.role,.bio,.crumbs{font-family:'Cairo',sans-serif !important}
h1,h2,h3,h4{font-weight:600}
/* remove faux italics (Cairo has none) */
em,i,.docp-quote,.docs-intro__pull,.flipface__b em{font-style:normal !important}

/* keep Latin numerals / phone LTR so they read correctly */
.hx-nav__phone,.hx-nav__mphone,[href^="tel:"],.reason h4 .num,.vidcap em{unicode-bidi:plaintext}

/* ---- shared header (hx-nav) RTL ---- */
.hx-nav,.hx-nav__menu,.hx-nav__right,.hx-nav__mobile{font-family:'Cairo',sans-serif !important}
.hx-nav__menu a,.hx-nav__cta,.hx-nav__phone,.hx-nav__mobile a{font-family:'Cairo',sans-serif !important;letter-spacing:0}
/* slightly larger Arabic menu */
.hx-nav__menu a{font-size:16px !important}
/* RTL header: keep the menu centered (default mirrored layout) */
/* language pill */
.hx-lang{position:relative;display:inline-flex;align-items:center;font-family:'Cairo',sans-serif;font-size:15.5px;letter-spacing:.04em;color:#cfcabf;text-decoration:none;background:none;border:0;border-radius:0;padding:5px 0;transition:color .3s;white-space:nowrap}
.hx-lang::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:#c9a24b;transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.hx-lang:hover{color:#e8d2a0}
.hx-lang:hover::after{transform:scaleX(1);transform-origin:left}

/* breadcrumbs / arrows flip */
.crumbs,.crumb{direction:rtl}
.btn .arr,.tlink .arrow,.arrow{display:inline-block}

/* hero text right-aligned where applicable handled by dir=rtl */
.eyebrow{letter-spacing:.18em}

/* doctor profile + cards: keep Cairo, drop uppercase tracking that hurts Arabic */
.role,.eyebrow,.vidcap em,.flipface__b .code,.flipface__f .code{letter-spacing:.06em}

/* fix list bullets direction */
.scope-list,.spec-list,.reasons,.flipface__b ul{direction:rtl}
.flipface__b ul li{padding-left:0;padding-right:20px}
.flipface__b ul li::before{left:auto;right:0}

/* footer RTL spacing fine via fl/grid; ensure text right */
.footer,.fcol,.fbrand,.footer__links{text-align:right}