/* Arabic / right-to-left overrides. Loaded only on /ar/ pages, after styles.css. */
@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-arabic-400-normal.woff2') format('woff2');}
@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-arabic-500-normal.woff2') format('woff2');}
@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-arabic-600-normal.woff2') format('woff2');}
@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-arabic-700-normal.woff2') format('woff2');}

/* The Latin display/mono faces have no Arabic glyphs: use one Arabic family throughout,
   keeping the Latin faces first so the brand name and numbers still use them. */
:root[lang="ar"]{
  --font-body:'IBM Plex Sans Arabic','IBM Plex Sans',system-ui,'Segoe UI',Tahoma,sans-serif;
  --font-display:'Big Shoulders Display','IBM Plex Sans Arabic',system-ui,Tahoma,sans-serif;
  --font-mono:'IBM Plex Mono','IBM Plex Sans Arabic',system-ui,Tahoma,sans-serif;
}

/* Letter-spacing breaks the joins between Arabic letters. */
[dir="rtl"] *{ letter-spacing:0 !important; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{ line-height:1.3; }

/* Physical left/right rules from styles.css, mirrored. */
[dir="rtl"] .skip-link{ left:auto; right:12px; }
[dir="rtl"] .service-card ul{ padding-left:0; padding-right:1.1em; }
[dir="rtl"] .article-body ul,[dir="rtl"] .article-body ol{ padding-left:0; padding-right:1.3em; }
[dir="rtl"] .nav-prev{ left:auto; right:20px; }
[dir="rtl"] .nav-next{ right:auto; left:20px; }
[dir="rtl"] .featured-card::before{ content:"خدمتنا الرئيسية"; transform:rotate(-35deg); }
[dir="rtl"] .blog-card:hover .read-more i{ transform:scaleX(-1) translateX(3px); }

/* Directional icons point the other way in RTL. */
[dir="rtl"] .bi-arrow-right,[dir="rtl"] .bi-arrow-left,
[dir="rtl"] .bi-chevron-right,[dir="rtl"] .bi-chevron-left,
[dir="rtl"] .bi-arrow-right-short,[dir="rtl"] .bi-arrow-up-right{ display:inline-block; transform:scaleX(-1); }

/* Phone numbers, emails and URLs always read left-to-right. */
[dir="rtl"] a[href^="tel:"],[dir="rtl"] a[href^="mailto:"]{ direction:ltr; unicode-bidi:isolate; display:inline-block; }