/* =====================================================================
   Arabic (RTL) overrides — loaded ONLY on the /ar tree (html[lang="ar"]),
   AFTER the rtlcss-flipped Webflow sheets. All rules are scoped under
   html[lang="ar"] so they have higher specificity than the unscoped inline
   <style> overrides in the shared chrome and win regardless of order.
   ===================================================================== */

/* --- Self-hosted IBM Plex Sans Arabic (arabic subset). font-display:swap; the unicode-range
       restricts it to Arabic codepoints, so Latin letters and digits fall through to Geist
       (matching the English numerals/brand). --- */
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-400.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E,U+2010-2011,U+FD3E-FD3F}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-500.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-600.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}
@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/ibm-plex-sans-arabic-700.woff2") format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200E}

/* Apply across the Arabic tree. The universal inherit forces every element onto the same stack so
   Webflow's per-element font declarations don't strand any text on the Latin-only Geist face. */
html[lang="ar"] body{font-family:"IBM Plex Sans Arabic","Geist",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif!important}
html[lang="ar"] body *{font-family:inherit!important}

/* Arabic reads a touch larger comfortably; nudge line-height for body copy. */
html[lang="ar"] body{line-height:1.7}

/* --- Directional fixes for the homepage "Latest Guides" cards (bdx-*). Their physical rules live
       in the shared chrome's inline <style> (in <body>, not hoisted), which rtlcss never sees. --- */
html[lang="ar"] .bdx-chip{left:auto;right:12px}
html[lang="ar"] .bdx-card:hover .bdx-arrow,
html[lang="ar"] .bdx-viewall:hover .bdx-arrow,
html[lang="ar"] .bdx-cta-primary:hover .bdx-arrow{transform:translateX(-4px)}
html[lang="ar"] .bdx-cta-card{direction:rtl}

/* Never mirror the brand logo, UI icons, stars or avatars. */
html[lang="ar"] .nav-logo-image,
html[lang="ar"] .image-3,
html[lang="ar"] .search-modal-icon,
html[lang="ar"] .menu-button-icon,
html[lang="ar"] .social-icon,
html[lang="ar"] .star-icon,
html[lang="ar"] .avatar-small{transform:none!important}

/* Phone numbers / Latin runs inside RTL text stay left-to-right and tidy. */
html[lang="ar"] .lang-switch{direction:rtl}
