/* Askadinya — multilingual typography. Loaded on every page. Applies Cairo for Arabic, Heebo for Hebrew, Montserrat as the default. Font-family switches automatically with the attributes toggled by /js/translations.js. */ @import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&family=Heebo:wght@400;500;600;700&family=Rubik:wght@400;500;600;700&display=swap"); /* Base — Montserrat everywhere unless overridden by lang */ html:lang(ar), html[dir="rtl"][lang="ar"] { font-family: "Cairo", "Segoe UI", "Tahoma", "Arial", sans-serif !important; } html:lang(ar) *:not(i):not([class*="fa-"]):not([class*="fab"]):not([class*="fas"]), html[dir="rtl"][lang="ar"] *:not(i):not([class*="fa-"]):not([class*="fab"]):not([class*="fas"]) { font-family: inherit; } html:lang(he), html[dir="rtl"][lang="he"] { font-family: "Heebo", "Rubik", "Arial Hebrew", "Segoe UI", sans-serif !important; } html:lang(he) *:not(i):not([class*="fa-"]):not([class*="fab"]):not([class*="fas"]), html[dir="rtl"][lang="he"] *:not(i):not([class*="fa-"]):not([class*="fab"]):not([class*="fas"]) { font-family: inherit; } /* RTL polish — mirror pad/margin utilities that assume LTR */ html[dir="rtl"] .container, html[dir="rtl"] .card, html[dir="rtl"] .form-group { text-align: right; } html[dir="rtl"] .fa-arrow-right { transform: scaleX(-1); } html[dir="rtl"] input, html[dir="rtl"] textarea { text-align: right; } html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"], html[dir="rtl"] input[type="number"] { text-align: left; direction: ltr; }