/* Arabic (right-to-left) overrides for MKB */
:root{--display:'Amiri','Playfair Display',serif;--body:'IBM Plex Sans Arabic','Montserrat',sans-serif}
html[dir="rtl"] *{letter-spacing:0!important}
html[dir="rtl"] body{line-height:1.85}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.45}
html[dir="rtl"] em{font-style:normal}
/* small uppercase labels need more size in Arabic */
html[dir="rtl"] .eyebrow,html[dir="rtl"] .nav a,html[dir="rtl"] .btn,html[dir="rtl"] .menu-btn,html[dir="rtl"] .tag,html[dir="rtl"] .step small,html[dir="rtl"] .fig span,html[dir="rtl"] .city small,html[dir="rtl"] .sp-title,html[dir="rtl"] .teaser .arr{font-size:13px}
html[dir="rtl"] .shot .cap{font-size:13px}
html[dir="rtl"] .shot .cap small,html[dir="rtl"] .shot.tile .cap small{font-size:11.5px!important}
html[dir="rtl"] .brand span{font-size:11px;border-left:0;padding-left:0;border-right:1px solid var(--line-dark);padding-right:14px}
html[dir="rtl"] .lang{margin-left:0;margin-right:auto}
html[dir="rtl"] .site-head .nav + .lang{margin-left:0;margin-right:22px}
@media (max-width:960px){html[dir="rtl"] .site-head .nav + .lang{margin-right:auto}}
/* journey */
html[dir="rtl"] .journey::before{background:linear-gradient(270deg,var(--gold),rgba(198,166,100,.25))}
html[dir="rtl"] .step{padding-right:0;padding-left:28px}
@media (max-width:860px){
 html[dir="rtl"] .journey::before{left:auto;right:9px}
 html[dir="rtl"] .step{padding-left:0;padding-right:48px}
 html[dir="rtl"] .step .dot{left:auto;right:0}
}
/* figures */
html[dir="rtl"] .fig{border-left:0;border-right:1px solid var(--line-dark)}
html[dir="rtl"] .fig:first-child{border-right:0;padding-left:22px;padding-right:0}
@media (max-width:800px){html[dir="rtl"] .fig:nth-child(3){border-right:0;padding-right:0}}
html[dir="rtl"] .notice{border-left:0;border-right:2px solid var(--gold)}
html[dir="rtl"] .count{float:left}
html[dir="rtl"] .btn:hover .arr{transform:translateX(-4px)}
html[dir="rtl"] .feature-cap .textlink{margin-right:0!important}
/* keep left-to-right motion pieces as they are */
html[dir="rtl"] .cities{direction:ltr}
html[dir="rtl"] .city{direction:rtl;text-align:left}
html[dir="rtl"] .city.right{text-align:right}
html[dir="rtl"] .reviews{direction:ltr}
html[dir="rtl"] .review{direction:rtl}
html[dir="rtl"] .stars-input{direction:ltr;justify-content:flex-start}
/* phone numbers and emails stay left-to-right */
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] .ltr{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[type="email"]{direction:ltr;text-align:right}
/* off-screen helpers must sit on the non-scrolling side in RTL */
html[dir="rtl"] .hp{left:auto;right:-9999px}
html[dir="rtl"] .skip{left:auto;right:-999px}
html[dir="rtl"] .skip:focus{right:16px}
html[dir="rtl"] body{overflow-x:clip}
html[dir="rtl"] .wordmarks .more{margin-left:0;margin-right:9px;font-style:normal}
html[dir="rtl"] .wordmarks dt{font-size:12.5px}
html[dir="rtl"] .fig b{direction:ltr;text-align:right}
html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] a[href^="mailto:"]{text-align:right}
