/* RTL-overrides voor de Arabische versie. dir="rtl" op regelt de basis-tekstrichting; hieronder de meest voorkomende correcties. LET OP: dit is een basis — de AR-versie vraagt nog visuele controle (gespiegelde flex/grid-layouts, iconen, marges). */ html[dir="rtl"] body { text-align: right; } /* Tekstblokken rechts uitlijnen (Webflow gebruikt vaak left-align inline) */ html[dir="rtl"] p, html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4, html[dir="rtl"] h5, html[dir="rtl"] h6, html[dir="rtl"] li, html[dir="rtl"] .text_field, html[dir="rtl"] .text_area { text-align: right; } /* Formuliervelden: cursor/placeholder rechts */ html[dir="rtl"] input, html[dir="rtl"] textarea { direction: rtl; text-align: right; } /* Lijsten: opsommingstekens naar rechts */ html[dir="rtl"] ul, html[dir="rtl"] ol { padding-right: 40px; padding-left: 0; } /* Specifieke classes die in de Webflow-CSS 'text-align: left' forceren (overrulen de algemene regel hierboven) -> in RTL rechts uitlijnen. */ html[dir="rtl"] .news_title, html[dir="rtl"] .vacancy_title, html[dir="rtl"] .paragraph-new, html[dir="rtl"] .success-message, html[dir="rtl"] .success-message.dark, html[dir="rtl"] .property_intro.left--align { text-align: right; } /* Logo-link: fysieke linkermarge spiegelen naar rechts in RTL */ html[dir="rtl"] .brand_home_link.projects, html[dir="rtl"] .brand_home_link.dark { margin-left: 0; margin-right: 2.78em; } /* De gedeelde nav/menu-overlay veroorzaakt in RTL een phantom horizontale overflow (~11395px) waardoor content werd weggedrukt. Afknippen lost dit op zonder zichtbare content te verbergen. */ html[dir="rtl"], html[dir="rtl"] body { overflow-x: hidden; max-width: 100%; }