@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');

.langs{direction:ltr;white-space:nowrap}
.langs a,.langs a:first-child{color:#a39b8d}
.langs a[aria-current="page"],.langs a[aria-current="page"]:first-child{color:var(--brass-soft);font-weight:700}
.langs a:hover{color:var(--ivory)}
.mobile-langs{display:none}
@media(max-width:860px){
  .mobile-langs{display:block;width:100%;padding-top:12px;border-top:1px solid var(--line-dark)}
  .mobile-langs .langs{display:flex;gap:14px;font-size:.75rem}
}

html[lang="ar"]{direction:rtl}
html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] .brand b{font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.45}
html[lang="ar"] .eyebrow,
html[lang="ar"] .menu a,
html[lang="ar"] .btn{letter-spacing:0;text-transform:none}
html[lang="ar"] .eyebrow::before{margin-inline-end:.35em}
html[lang="ar"] .brand-logo,
html[lang="ar"] .foot-logo{direction:ltr}
html[lang="ar"] .nav-right{direction:ltr}
html[lang="ar"] .book-form,
html[lang="ar"] .book-heading,
html[lang="ar"] .cc-modal{text-align:right}
html[lang="ar"] input[type="email"],
html[lang="ar"] input[type="tel"],
html[lang="ar"] input[type="date"]{direction:ltr;text-align:right}
html[lang="ar"] .soc,
html[lang="ar"] .dt-div{direction:ltr}

@media(max-width:900px){
  html[lang="ar"] .menu{left:16px;right:auto}
}