/* ===== Arabic (RTL) mode ===== */
html.i18n-loading #root{opacity:0}
html.i18n-ar #root{transition:opacity .25s ease}
html[lang=ar] body,html[lang=ar] .font-heading,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:'IBM Plex Sans Arabic',Poppins,ui-sans-serif,system-ui,sans-serif}
/* Arabic script must never be letter-spaced (it breaks letter joining) */
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{line-height:1.35}
html[lang=ar] p,html[lang=ar] li{line-height:1.9}
html[lang=ar] .italic{font-style:normal}
/* charts and the UAE map keep their own geometry */
html[dir=rtl] svg{direction:ltr}
/* direction-aware icons */
html[dir=rtl] .lucide-arrow-right,html[dir=rtl] .lucide-arrow-left,html[dir=rtl] .lucide-chevron-right{transform:scaleX(-1)}
html[dir=rtl] .group:hover .lucide-arrow-right{transform:scaleX(-1) translateX(4px)}
/* map list accent bar */
html[dir=rtl] .uae-row::before{left:auto;right:0}
/* numbers, phone & email stay left-to-right */
html[dir=rtl] a[href^="tel:"],html[dir=rtl] a[href^="mailto:"]{direction:ltr;unicode-bidi:isolate}
/* form controls */
html[dir=rtl] select{background-position:left .75rem center}
html[dir=rtl] .-left-12:not([class*="right-"]){left:auto;right:-3rem}
html[dir=rtl] .-left-4:not([class*="right-"]){left:auto;right:-1rem}
html[dir=rtl] .-right-12:not([class*="left-"]){right:auto;left:-3rem}
html[dir=rtl] .-right-3:not([class*="left-"]){right:auto;left:-.75rem}
html[dir=rtl] .left-0:not([class*="right-"]){left:auto;right:0}
html[dir=rtl] .left-1:not([class*="right-"]){left:auto;right:.25rem}
html[dir=rtl] .left-2:not([class*="right-"]){left:auto;right:.5rem}
html[dir=rtl] .left-3:not([class*="right-"]){left:auto;right:.75rem}
html[dir=rtl] .left-4:not([class*="right-"]){left:auto;right:1rem}
html[dir=rtl] .right-0:not([class*="left-"]){right:auto;left:0}
html[dir=rtl] .right-1:not([class*="left-"]){right:auto;left:.25rem}
html[dir=rtl] .right-2:not([class*="left-"]){right:auto;left:.5rem}
html[dir=rtl] .right-3:not([class*="left-"]){right:auto;left:.75rem}
html[dir=rtl] .right-4:not([class*="left-"]){right:auto;left:1rem}
html[dir=rtl] .-ml-4{margin-left:0;margin-right:-1rem}
html[dir=rtl] .-mr-2{margin-right:0;margin-left:-.5rem}
html[dir=rtl] .ml-1{margin-left:0;margin-right:.25rem}
html[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}
html[dir=rtl] .mr-1{margin-right:0;margin-left:.25rem}
html[dir=rtl] .mr-2{margin-right:0;margin-left:.5rem}
html[dir=rtl] .rounded-tl-sm{border-top-left-radius:0;border-top-right-radius:calc(var(--radius) - 4px)}
html[dir=rtl] .border-l{border-left-width:0;border-right-width:1px}
html[dir=rtl] .border-l-2{border-left-width:0;border-right-width:2px}
html[dir=rtl] .border-r{border-right-width:0;border-left-width:1px}
html[dir=rtl] .border-l-transparent{border-left-color:initial;border-right-color:transparent}
html[dir=rtl] .pl-10{padding-left:0;padding-right:2.5rem}
html[dir=rtl] .pl-2{padding-left:0;padding-right:.5rem}
html[dir=rtl] .pl-2\.5{padding-left:0;padding-right:.625rem}
html[dir=rtl] .pl-4{padding-left:0;padding-right:1rem}
html[dir=rtl] .pl-8{padding-left:0;padding-right:2rem}
html[dir=rtl] .pr-2{padding-right:0;padding-left:.5rem}
html[dir=rtl] .pr-2\.5{padding-right:0;padding-left:.625rem}
html[dir=rtl] .pr-8{padding-right:0;padding-left:2rem}
html[dir=rtl] .text-left{text-align:right}
html[dir=rtl] .text-right{text-align:left}
html[dir=rtl] .after\:left-3\.5:not([class*="right-"]):after{left:auto;right:.875rem}
html[dir=rtl] .after\:right-3\.5:not([class*="left-"]):after{right:auto;left:.875rem}
html[dir=rtl] .first\:rounded-l-md:first-child{border-top-left-radius:0;border-top-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:0;border-bottom-right-radius:calc(var(--radius) - 2px)}
html[dir=rtl] .first\:border-l:first-child{border-left-width:0;border-right-width:1px}
html[dir=rtl] .last\:rounded-r-md:last-child{border-top-right-radius:0;border-top-left-radius:calc(var(--radius) - 2px);border-bottom-right-radius:0;border-bottom-left-radius:calc(var(--radius) - 2px)}
html[dir=rtl] .focus\:left-2:not([class*="right-"]):focus{left:auto;right:.5rem}
html[dir=rtl] .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8{padding-right:0;padding-left:2rem}
html[dir=rtl] .data-\[panel-group-direction\=vertical\]\:after\:left-0:not([class*="right-"])[data-panel-group-direction=vertical]:after{left:auto;right:0}
html[dir=rtl] .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]{left:auto;right:calc(var(--sidebar-width) * -1)}
html[dir=rtl] .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]{right:auto;left:calc(var(--sidebar-width) * -1)}
html[dir=rtl] .group[data-side=left] .group-data-\[side\=left\]\:-right-4{right:auto;left:-1rem}
html[dir=rtl] .group[data-side=right] .group-data-\[side\=right\]\:left-0{left:auto;right:0}
html[dir=rtl] .group[data-side=left] .group-data-\[side\=left\]\:border-r{border-right-width:0;border-left-width:1px}
html[dir=rtl] .group[data-side=right] .group-data-\[side\=right\]\:border-l{border-left-width:0;border-right-width:1px}
html[dir=rtl] .group[data-collapsible=offcanvas] .group-data-\[collapsible\=offcanvas\]\:after\:left-full:after{left:auto;right:100%}
@media(min-width:640px){html[dir=rtl] .sm\:right-0:not([class*="left-"]){right:auto;left:0}}
@media(min-width:640px){html[dir=rtl] .sm\:text-left{text-align:right}}
@media(min-width:768px){html[dir=rtl] .md\:-left-8:not([class*="right-"]){left:auto;right:-2rem}}
@media(min-width:768px){html[dir=rtl] .peer[data-state=collapsed][data-variant=inset]~.md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2{margin-left:0;margin-right:.5rem}}
@media(min-width:768px){html[dir=rtl] .peer[data-variant=inset]~.md\:peer-data-\[variant\=inset\]\:ml-0{margin-left:0;margin-right:0}}
html[dir=rtl] .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md:has(>.day-range-end){border-top-right-radius:0;border-top-left-radius:calc(var(--radius) - 2px);border-bottom-right-radius:0;border-bottom-left-radius:calc(var(--radius) - 2px)}
html[dir=rtl] .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md:has(>.day-range-start){border-top-left-radius:0;border-top-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:0;border-bottom-right-radius:calc(var(--radius) - 2px)}
html[dir=rtl] .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child{border-top-left-radius:0;border-top-right-radius:calc(var(--radius) - 2px);border-bottom-left-radius:0;border-bottom-right-radius:calc(var(--radius) - 2px)}
html[dir=rtl] .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child{border-top-right-radius:0;border-top-left-radius:calc(var(--radius) - 2px);border-bottom-right-radius:0;border-bottom-left-radius:calc(var(--radius) - 2px)}
html[dir=rtl] .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end){border-top-right-radius:0;border-top-left-radius:calc(var(--radius) - 2px);border-bottom-right-radius:0;border-bottom-left-radius:calc(var(--radius) - 2px)}
html[dir=rtl] .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0;padding-left:0}
html[dir=rtl] .\[\&\>svg\]\:left-4:not([class*="right-"])>svg{left:auto;right:1rem}
html[dir=rtl] .\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:0;padding-right:1.75rem}
html[dir=rtl] .space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}
html[dir=rtl] .sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}
html[dir=rtl] .space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}
html[dir=rtl] .space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}
html[dir=rtl] .sm\:space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}