/* Arabic pages (/ar/...) and the language toggle on every page.
   Generated pages are mirrors of the English ones (rtlcss); this file only holds what a
   mechanical mirror cannot know. */

@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ar/ibm-plex-sans-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/ar/ibm-plex-sans-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/ar/ibm-plex-sans-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/fonts/ar/ibm-plex-sans-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}

/* ---------- language toggle (desktop header row, next to Online Shop) ---------- */
.pt-lang{display:inline-flex;align-items:center;gap:8px;margin-inline-end:22px;font-size:14px;font-weight:500;white-space:nowrap;line-height:1}
.pt-lang a{color:#1a1a1a;border-bottom:1px solid transparent;padding-bottom:2px;font-family:'IBM Plex Sans Arabic','Archivo',sans-serif}
.pt-lang a:hover{border-bottom-color:#ee3b33;color:#ee3b33}
.pt-lang-on{color:#ee3b33;font-weight:600}
.pt-lang-sep{color:#c9ccd1}
.pt-shopwrap{align-items:center}
/* mobile: the toggle lives inside the full-screen menu only */
.pt-menu nav a.pt-lang-m{color:#ee3b33}
.pt-menu nav a.pt-lang-m i{color:#ee3b33}
html[lang="ar-AE"] .pt-menu nav a.pt-lang-m{font-family:'Archivo',sans-serif}
.pt-ar-full{margin:18px 0 0;font-weight:600}
.pt-ar-full a{color:#ee3b33;text-decoration:none;border-bottom:1px solid currentColor}

/* ---------- Arabic typography ---------- */
html[dir="rtl"] body{font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
/* letter-spacing tears Arabic letters apart; uppercase has no effect on Arabic */
html[dir="rtl"] body *:not(.pt-lang-m i){letter-spacing:0 !important}
html[dir="rtl"] body{line-height:1.75}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h4{line-height:1.4}
/* phone numbers, emails, codes and model numbers keep reading left to right */
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] .pt-num,
html[dir="rtl"] code,html[dir="rtl"] kbd,html[dir="rtl"] samp{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="url"]{direction:ltr;text-align:right}