@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-500.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-600.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
/* Arabic pages: Arabic glyphs from IBM Plex Sans Arabic, Latin names keep the site fonts */
html[lang="ar"] body,html[lang="ar"] .font-paragraph,html[lang="ar"] .font-heading,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select,html[lang="ar"] textarea{font-family:'IBM Plex Sans Arabic',"Open Sans",system-ui,sans-serif}
html[lang="ar"] .font-heading,html[lang="ar"] h1,html[lang="ar"] h2{letter-spacing:0}
html[lang="ar"] p,html[lang="ar"] li{line-height:1.8}
/* right-to-left: forward arrows point left, the WhatsApp bubble and dropdowns sit on the start side */
html[dir="rtl"] .lucide-arrow-right,html[dir="rtl"] .lucide-chevron-right,html[dir="rtl"] .lucide-arrow-left,html[dir="rtl"] .lucide-chevron-left{transform:scaleX(-1)}
html[dir="rtl"] [data-dropdown-menu]{left:auto;right:0}
html[dir="rtl"] a[href*="wa.me"].fixed{right:auto;left:1.5rem}
html[dir="rtl"] .text-left{text-align:right}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="date"]{direction:ltr;text-align:right}
/* burger -> X morph (v2.css keys it on the English/German aria-label) */
button[aria-label="فتح القائمة"] svg line{transform-box:fill-box;transform-origin:center;transition:transform 200ms var(--ease-out-strong),opacity 120ms ease}
button[aria-expanded="true"][aria-label="فتح القائمة"] svg line:nth-child(1){transform:translateY(6px) rotate(45deg)}
button[aria-expanded="true"][aria-label="فتح القائمة"] svg line:nth-child(2){opacity:0;transform:scaleX(.2)}
button[aria-expanded="true"][aria-label="فتح القائمة"] svg line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* phone numbers, e-mail addresses and opening hours read left to right inside Arabic text */
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
