/* Logical overlay lanes: map geometry remains untouched in RTL. */
:root{--ui-edge:24px;--ui-inner:94px;--ui-top:112px}
html[dir=rtl]{--font-body:'Cairo','OPET Inter',sans-serif;--font-display:'Cairo','OPET Inter',sans-serif}
html[dir=rtl] body{font-family:var(--font-body)}
.opet-language{position:fixed;inset-block-start:24px;inset-inline-end:24px;z-index:250;display:flex;flex-direction:column;gap:2px;width:120px;padding:9px 12px;background:#000;border:1px solid var(--border);border-radius:18px;box-shadow:var(--elev-raised)}
.opet-language>span{font-size:10px;color:var(--muted)}
.opet-language select{width:100%;min-height:32px;background:#000;color:#fff;border:0;font-size:13px;cursor:pointer}
.opet-language select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html [data-ui-edge]{left:auto!important;right:auto!important}
html [data-ui-edge=start]{inset-inline-start:var(--ui-edge)!important}
html [data-ui-edge=end]{inset-inline-end:var(--ui-edge)!important}
html [data-ui-edge=end-inner]{inset-inline-end:var(--ui-inner)!important}
html [data-ui-top]{top:var(--ui-top)!important;bottom:auto!important}
html .opet-navigation{max-width:calc(100vw - 192px);width:auto!important;inset-inline-start:var(--ui-edge)!important;top:24px!important}
.opet-nav-bar>.bg-bg1,.opet-nav-bar>.bg-bg1>div{min-width:0}
.opet-navigation a{white-space:normal!important;overflow-wrap:anywhere;line-height:1.35}
.opet-navigation .hidden.items-center.md\:flex{min-width:0}
.opet-navigation button[aria-label]{flex-shrink:0}
.opet-filter-panel button{height:auto;white-space:normal;line-height:1.4;overflow-wrap:anywhere}
.opet-filter-panel .opet-availability-grid{grid-template-rows:repeat(2,minmax(36px,auto))}
.opet-filter-panel .opet-availability-button{height:auto;min-height:36px;font-size:11px;line-height:1.3}
.opet-filter-panel .max-h-16{max-height:130px}
.opet-filter-panel button.opet-type-button{font-size:11px}
.opet-range-field{direction:ltr}
html .opet-property-card{top:180px!important;inset-inline-end:var(--ui-inner)!important;max-height:calc(100svh - 300px);width:288px}
html .bg-bg1[data-ui-edge=end].z-50{inset-inline-end:var(--ui-inner)!important;top:112px!important;width:288px;max-width:calc(100vw - 118px);max-height:calc(100svh - 240px);overflow:auto}
.bg-bg1[data-ui-edge=end].z-50>div>div{width:100%}
.bg-bg1[data-ui-edge=end].z-50 .max-h-\[300px\]{max-height:none}
html [data-ui-floor]{inset-inline-start:272px!important}
html [data-ui-actions]{left:auto!important;right:auto!important;inset-inline-start:50%!important;transform:translateX(-50%);bottom:104px!important;max-width:calc(100vw - 190px);flex-wrap:wrap;justify-content:center}
html[dir=rtl] [data-ui-actions]{transform:translateX(50%)}
[data-ui-actions] a span{white-space:normal!important;text-align:center}
html .opet-project-info{left:auto!important;right:auto!important;inset-inline-end:0!important;transform:none!important;top:64px!important;width:320px;max-width:calc(100vw - 118px)}
.opet-project-info>div{width:100%;font-size:13px}
.opet-project-info .justify-between{flex-wrap:wrap}
.opet-project-info-open{max-height:calc(100svh - 300px)}
html[dir=rtl] .opet-brand{border-right:0;border-left:1px solid var(--border-soft)}
html[dir=rtl] .opet-type-button::after,html[dir=rtl] .opet-map-filter-button::after{margin-left:0;margin-right:auto}
html[dir=rtl] .opet-map-filter-button,html[dir=rtl] form.modal-box>h3{text-align:right}
html[dir=rtl] form.modal-box>h3{padding-right:0;padding-left:36px}
html[dir=rtl] .opet-dialog-close{right:auto;left:16px}
html[dir=rtl] .opet-offline-note{padding-left:0;padding-right:12px;border-left:0;border-right:2px solid var(--opet-teal)}
html[dir=rtl] .group>div.invisible{left:auto!important;right:calc(100% + 12px)!important;transform:none!important}
html[dir=rtl] .group:has(.opet-icon-button)>div.invisible{right:auto!important;left:calc(100% + 12px)!important}
html[dir=rtl] .opet-navigation button.relative>svg{right:auto;left:8px}
html[dir=rtl] .opet-navigation a+svg,html[dir=rtl] .opet-navigation button.hidden>svg{scale:-1 1}
html[dir=rtl] .pl-1{padding-left:0;padding-right:.25rem}
@media(max-width:1050px) and (min-width:768px){.opet-navigation a{font-size:11px;padding:6px!important}.opet-nav-bar>.bg-bg1>div{gap:6px!important;padding:8px!important}.opet-navigation .gap-3{gap:6px}}
@media(max-width:767px){
 :root{--ui-edge:16px;--ui-inner:86px;--ui-top:96px}
 .opet-language{inset-block-start:16px;inset-inline-end:16px;width:112px;padding:6px 10px;height:64px}
 html .opet-navigation{top:16px!important;width:calc(100vw - 156px)!important;max-width:none}
 .opet-nav-bar>.bg-bg1>div{gap:4px!important;padding:6px!important}
 .opet-navigation button.relative{padding:6px 20px 6px 6px;min-width:0;white-space:nowrap!important}
 html[dir=rtl] .opet-navigation button.relative{padding:6px 6px 6px 20px}
 .opet-navigation>div:nth-child(2){width:calc(100vw - 32px);align-self:flex-start}
 .opet-brand{padding:8px!important;min-width:48px!important}
 html [data-ui-floor]{inset-inline-start:var(--ui-edge)!important}
 html [data-ui-edge=start].md\:hidden:not(.max-h-0):has(.opet-filter-panel){top:160px!important;width:calc(100vw - 102px)!important;max-height:calc(100svh - 350px)}
 .opet-filter-panel{max-height:calc(100svh - 350px)}
 html .opet-property-card{top:160px!important;max-height:calc(100svh - 350px)}
 /* An expanded filter replaces the selection card on narrow screens. */
 #root:has([data-ui-edge=start].md\:hidden:not(.max-h-0) .opet-filter-panel) .opet-property-card{visibility:hidden;pointer-events:none}
 html .bg-bg1[data-ui-edge=end].z-50{top:160px!important;max-width:calc(100vw - 102px);max-height:calc(100svh - 350px)}
 html .opet-project-info{max-width:calc(100vw - 102px)}
 .opet-project-info-open{max-height:calc(100svh - 350px)}
 html [data-ui-edge=end-inner].bottom-4{bottom:116px!important;width:auto;max-width:calc(100vw - 102px)}
 .opet-signature{max-width:calc(100vw - 102px);gap:8px;padding:4px 10px}
 .opet-signature img:not(.cube-brand-logo){max-width:66px;height:auto!important}
 html [data-ui-actions]{bottom:104px!important;max-width:calc(100vw - 102px);width:max-content;gap:4px}
 [data-ui-actions] a{padding:8px 10px;font-size:12px}
}
@media(max-height:600px){.opet-signature{height:44px}.opet-filter-panel{max-height:calc(100svh - 190px)}}
/* Higher specificity than the archive's physical positioning utilities. */
html #root [data-ui-edge]{left:auto!important;right:auto!important}
html #root [data-ui-edge=start]{inset-inline-start:var(--ui-edge)!important}
html #root [data-ui-edge=end]{inset-inline-end:var(--ui-edge)!important}
html #root [data-ui-edge=end-inner]{inset-inline-end:var(--ui-inner)!important}
html #root [data-ui-top]{top:var(--ui-top)!important;bottom:auto!important}
html #root .opet-property-card{top:180px!important;inset-inline-end:var(--ui-inner)!important}
html #root .bg-bg1[data-ui-edge=end].z-50{top:112px!important;inset-inline-end:var(--ui-inner)!important}
html #root [data-ui-floor]{inset-inline-start:272px!important}
html #root .bg-bg1[data-ui-edge=end][class*='translate-y-1/2']{top:auto!important;bottom:calc(var(--ui-edge) + 118px)!important;transform:none!important}
@media(max-width:767px){html #root [data-ui-floor]{inset-inline-start:var(--ui-edge)!important}html #root .opet-property-card,html #root .bg-bg1[data-ui-edge=end].z-50{top:160px!important}html #root [data-ui-edge=start].md\:hidden:not(.max-h-0):has(.opet-filter-panel){top:160px!important}}
/* Keep translated card labels readable without truncation. */
.opet-property-card p,.bg-bg1[data-ui-edge=end].z-50 p{overflow-wrap:anywhere}
.opet-property-card .justify-between,.bg-bg1[data-ui-edge=end].z-50 .justify-between{gap:8px;flex-wrap:wrap}
.opet-property-card .capitalize,.opet-filter-panel .capitalize{text-transform:none}
@media(max-width:374px){form.modal-box .grid-cols-2{grid-template-columns:1fr}.opet-nav-bar>.bg-bg1>div{padding:4px!important}.opet-navigation button.relative{font-size:11px}}
@media(max-width:767px){
 .opet-navigation .flex-1{min-width:0}
 #root:has([data-ui-edge=start].md\:hidden:not(.max-h-0) .opet-filter-panel) .opet-project-info-open{visibility:hidden;pointer-events:none}
}
/* Renderers use physical, left-origin pixel coordinates. Inherited RTL changes
   the static position of their oversized absolute SVG/image layers, shifting
   them outside the viewport. Isolate geometry; surrounding UI remains RTL. */
.ol-viewport,
.react-transform-wrapper,
.react-transform-component{direction:ltr}