@font-face{font-family:"OH Arabic";src:url('/i18n/fonts/NotoSansArabic-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"OH Arabic";src:url('/i18n/fonts/NotoSansArabic-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:"OH Hindi";src:url('/i18n/fonts/NotoSansDevanagari-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:"OH Hindi";src:url('/i18n/fonts/NotoSansDevanagari-Bold.woff2') format('woff2');font-weight:600 900;font-display:swap}
html:lang(ar){--sans:"OH Arabic","Plus Jakarta Sans",sans-serif;--serif:"OH Arabic",serif}
html:lang(hi){--sans:"OH Hindi","Plus Jakarta Sans",sans-serif;--serif:"OH Hindi",serif}
html:lang(ar) body,html:lang(ar) button,html:lang(ar) input,html:lang(ar) select{font-family:var(--sans)}
html:lang(hi) body,html:lang(hi) button,html:lang(hi) input,html:lang(hi) select{font-family:var(--sans)}
html:lang(ar) :is(h1,h2,h3,.eyebrow),html:lang(hi) :is(h1,h2,h3,.eyebrow){letter-spacing:normal;line-height:1.5}
.hotel-language{position:relative;display:inline-flex;max-inline-size:100%;align-items:center}
.hotel-language [data-language-toggle]{max-inline-size:9rem;white-space:nowrap}
.hotel-language [data-language-list]{position:absolute;inset-block-start:calc(100% + .5rem);inset-inline-end:0;min-inline-size:10rem;max-inline-size:min(16rem,85vw);z-index:80;background:#fffdf7;border:1px solid #c4b995;border-radius:12px;padding:.5rem;box-shadow:0 8px 24px #0002}
.hotel-language [data-language-list][hidden]{display:none}
.hotel-language [role=menuitemradio]{display:block;inline-size:100%;font-family:"OH Arabic","OH Hindi",var(--sans);font-size:16px;padding:.6rem .8rem;text-align:start;border:0;background:transparent;color:#263c33;cursor:pointer}
.hotel-language [role=menuitemradio][aria-checked=true]{font-weight:700;background:#e8ecdf;border-radius:6px}
.hotel-language [role=menuitemradio]:focus-visible{outline:2px solid #456354;outline-offset:1px}
.hotel-language-status:empty{display:none}.hotel-language-status:not(:empty){position:absolute;inset-block-start:100%;inset-inline-end:0;inline-size:min(20rem,85vw);background:#fff;padding:.75rem;z-index:81;font-size:14px}
.hotel-language-fallback{font-size:14px;line-height:1.6;border-inline-start:3px solid #b7a47b;padding-inline-start:.75rem;overflow-wrap:anywhere}
html[dir=rtl] :is(.price-line strong,#plan-room,#selected-title,#room-chips button,[data-room],input[type=date],input[type=email],input[type=tel],a[href^="mailto:"],a[href^="tel:"]){direction:ltr;unicode-bidi:isolate}
html[dir=rtl] :is(.field,.field label,.faq-list,.oh-chat-title){text-align:start}
html[dir=rtl] :is(.oh-chat-widget,.oh-chat-panel){direction:rtl}
html[dir=rtl] .oh-chat-log{unicode-bidi:plaintext}
@media(max-width:600px){html:lang(ar) :is(h1,h2),html:lang(hi) :is(h1,h2){overflow-wrap:anywhere}html:lang(ar) .header-actions,html:lang(hi) .header-actions{min-inline-size:0;gap:8px}.hotel-language [data-language-toggle]{max-inline-size:6.5rem}}

/* Wrapping only for new script locales; legacy en/zh mobile geometry is untouched. */
@media(max-width:760px){html:is(:lang(ar),:lang(hi)) .stage-navigation{flex-wrap:wrap;max-inline-size:calc(100% - 24px);box-sizing:border-box}html:is(:lang(ar),:lang(hi)) .stage-navigation :is(a,.stage-3d,.stage-done){white-space:normal;min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere;flex:0 1 auto}html:is(:lang(ar),:lang(hi)) .stage-navigation svg{flex-shrink:0}}

/* New-locale labels may wrap at enlarged text sizes; retain current en/zh geometry,
   outlined launcher, same-row anchoring and safe-area rules from art/chat.css. */
@media(max-width:760px){
 html:is(:lang(es),:lang(fr),:lang(ar),:lang(hi)) .oh-chat-fab{height:auto;min-height:48px;padding-block:8px}
 html:is(:lang(es),:lang(fr),:lang(ar),:lang(hi)) .oh-chat-fab .oh-chat-fab-label{min-inline-size:0;white-space:normal;overflow-wrap:anywhere}
 html:is(:lang(es),:lang(fr),:lang(ar),:lang(hi)) .oh-chat-icon{flex-shrink:0}
 html:is(:lang(es),:lang(fr),:lang(ar),:lang(hi)) .oh-chat-panel header>div{min-inline-size:0;overflow-wrap:anywhere}
}
@media(max-width:760px){
 html:is(:lang(es),:lang(fr),:lang(ar),:lang(hi)) .intro{grid-template-columns:minmax(0,1fr)}
 html:is(:lang(es),:lang(fr),:lang(ar),:lang(hi)) .intro>div{min-inline-size:0;overflow-wrap:anywhere}
 html:is(:lang(es),:lang(fr),:lang(ar),:lang(hi)) .features{flex-wrap:wrap}
}
