/* The language control stays physically on the right in all languages. */
.vq-language{position:fixed;right:18px;top:16px;z-index:10002;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #ffffff35;border-radius:12px;background:#101412ed;color:#fff;box-shadow:0 6px 22px #0003;direction:ltr;font:14px/1.3 Arial,sans-serif;backdrop-filter:blur(16px)}
.vq-language select{font:inherit;background:transparent;color:inherit;border:0;min-height:28px;max-width:102px;cursor:pointer;outline-offset:4px}
.vq-language option{background:#101412;color:#fff}.vq-language:focus-within{outline:2px solid #d9ff8b;outline-offset:3px}
body:has(>.vq-language) .navbar{padding-right:172px}
html[dir=rtl] body{font-family:Arial,Tahoma,sans-serif}
html[dir=rtl] :is(h1,h2,h3,p,.kicker,.apex-kicker,.apex-lead,.pkg-card,.service-copy){letter-spacing:normal!important}
html[dir=rtl] :is(.service-copy,.apex-manifesto-copy,.apex-system-copy,.project-form-wrap-new,.form-group,.domain-fields,.vq-auth-form,.client-card,.vqa-menu-panel){text-align:start}
html[dir=rtl] :is(.apex-hero h1,.apex-manifesto h2,.apex-project-head h2,.apex-system h2,.apex-price-head h2,.apex-final h2){font-size:clamp(2.7rem,6.6vw,7rem);line-height:1.2;letter-spacing:0}
html[dir=rtl] :is(.page-hero h1,.packages-hero h1){line-height:1.25;letter-spacing:0}
html[dir=rtl] :is(.cine-stage,.cine-stage-world,.cine-browser,.apex-telemetry,.apex-case-visual,pre,code){direction:ltr}
:is(input[type=email],input[type=password],input[type=url],input[type=number],input[autocomplete=one-time-code],#domainName,#trackingCode){direction:ltr;text-align:start}
html[dir=rtl] .vqa-menu-panel{right:auto;left:0}
@media(max-width:1200px){body:has(>.vq-language) .navbar .nav-links{gap:14px}body:has(>.vq-language) .navbar .nav-actions{gap:9px}}
@media(max-width:1050px){body:has(>.vq-language) .navbar{padding-right:172px;gap:12px}body:has(>.vq-language) .navbar .nav-actions{display:none}body:has(>.vq-language) .navbar .nav-links{display:none}body:has(>.vq-language) .navbar .nav-links.mobile-open{display:flex;position:absolute;inset:78px 12px auto;flex-direction:column;padding:22px;border:1px solid #ffffff25;border-radius:18px;background:#080c0a;max-height:calc(100dvh - 100px);overflow:auto}body:has(>.vq-language) .menu-button{display:block;margin-inline-start:auto;color:inherit}}
@media(max-width:600px){.vq-language{top:16px;right:12px;padding:5px 7px;font-size:13px}.vq-language select{max-width:80px}.navbar{min-height:76px}body:has(>.vq-language) .navbar{padding-right:140px}.brand-logo{max-width:115px}html[dir=rtl] .apex-hero h1{font-size:clamp(2.5rem,11vw,4rem)}.client-shell>.client-main{min-width:0}}
/* Reserve space beside the original high-specificity cinematic navigation. */
body:has(>.vq-language) .navbar{padding-right:168px!important}
html[dir=rtl] .cine-stage{right:auto!important;left:1%;transform-origin:left center}
html[dir=rtl] .cine-public .page-hero .cine-stage{left:0;transform-origin:left center}
html[dir=rtl] .cine-index .apex-hero h1{font-size:clamp(52px,6.5vw,94px)!important;line-height:1.2}
@media(max-width:1280px){body:has(>.vq-language) .navbar .nav-actions{display:none}body:has(>.vq-language) .navbar .nav-links{display:none}body:has(>.vq-language) .navbar .nav-links.mobile-open{display:flex;position:absolute;inset:78px 12px auto;flex-direction:column;padding:22px;border:1px solid #ffffff25;border-radius:18px;background:#080c0a;max-height:calc(100dvh - 100px);overflow:auto}body:has(>.vq-language) .menu-button{display:block;margin-inline-start:auto;color:inherit}}
@media(max-width:800px){html[dir=rtl] .cine-index .cine-stage{left:calc(50% - 275px)!important;transform-origin:center bottom}html[dir=rtl] .cine-index .apex-hero h1{font-size:clamp(46px,10vw,72px)!important}html[dir=rtl] .cine-public .page-hero .cine-stage{left:-150px}body:has(>.vq-language) .navbar{padding-right:140px!important}}
html[lang=ar] .apex-price-focus:before{content:"موصى به";letter-spacing:0}
html[lang=he] .apex-price-focus:before{content:"מומלץ";letter-spacing:0}
/* Keep the mobile logo away from the separate top-right control. */
@media(max-width:600px){body:has(>.vq-language) .navbar{padding-right:150px!important}.apex-home .brand-logo{max-width:100px!important}.navbar .logo{flex-shrink:1;min-width:0}}
