/* ================= languages =================
   Language picker, fonts for scripts Manrope and Bodoni Moda do not cover, and right to left layout
   for Arabic and Persian. English is unchanged by this file. */

/* picker */
.langbtn{gap:6px}
.langbtn svg{flex:none;color:var(--smoke)}
.langgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.langopt{display:grid;gap:2px;justify-items:start;text-align:start;min-height:56px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--pit);color:var(--chalk);cursor:pointer;font:inherit}
.langopt:hover{border-color:var(--smoke)}
.langopt.on{border-color:var(--brass);background:color-mix(in srgb,var(--brass) 8%,var(--pit))}
.langopt b{font-size:.98rem;font-weight:600;line-height:1.3}
.langopt span{font-size:.74rem;color:var(--smoke)}
@media (max-width:480px){.langgrid{grid-template-columns:1fr 1fr}}
.more a.langmore{font-weight:600}
@media (max-width:640px){header.top .langbtn span{display:none}header.top .langbtn{padding-inline:10px}}

/* Translate button under member posts and listing descriptions */
.ugc-tr{justify-self:start;font-size:.8rem;margin-top:4px;color:var(--brass)}
.ugc-tr[disabled]{opacity:.6;cursor:progress}
[data-ugc].ugc-done{font-style:normal}

/* CSS generated labels */
.landing .vthumb::after{content:var(--i18n-play,"Play video")}
.rt-slotc.busy::after{content:var(--i18n-upl,"Uploading")}

/* import hub map keeps its left to right label anchoring */
[dir=rtl] svg:has(.ih-sea){direction:ltr}

/* rentals, right to left */
[dir=rtl] .rt-flow li:not(:last-child)::after{left:auto;right:19.5px}
[dir=rtl] .rt-tabs .rt-tabs-r{margin-left:0;margin-right:auto}
[dir=rtl] .rt-tag{left:auto;right:10px}
[dir=rtl] .rt-safe ul{padding-left:0;padding-right:18px}
[dir=rtl] .rt-quirks{border-left:0;padding-left:0;border-right:3px solid var(--brass);padding-right:16px}
[dir=rtl] .rt-bb-d div+div{border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .rt-msg{border-left:0;border-right:3px solid var(--line);border-radius:8px 0 0 8px}
[dir=rtl] .rt-cover{left:auto;right:6px}
[dir=rtl] .rt-slot-t{left:auto;right:6px}

/* ---------- fonts by script ---------- */
:root:lang(zh-Hans){--body:"Manrope","Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--display:"Bodoni Moda","Noto Serif SC","Songti SC","SimSun",serif;--mono:var(--body)}
:root:lang(zh-Hant){--body:"Manrope","Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--display:"Bodoni Moda","Noto Serif TC","Songti TC","PMingLiU",serif;--mono:var(--body)}
:root:lang(ja){--body:"Manrope","Noto Sans JP","Hiragino Sans","Yu Gothic","Meiryo",system-ui,sans-serif;--display:"Bodoni Moda","Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;--mono:var(--body)}
:root:lang(ko){--body:"Manrope","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--display:"Bodoni Moda","Noto Serif KR","AppleMyungjo",serif;--mono:var(--body)}
:root:lang(hi){--body:"Manrope","Noto Sans Devanagari","Nirmala UI","Kohinoor Devanagari",system-ui,sans-serif;--display:"Bodoni Moda","Noto Serif Devanagari","Nirmala UI",serif;--mono:var(--body)}
:root:lang(ar){--body:"Manrope","Noto Sans Arabic","Geeza Pro","Segoe UI","Tahoma",system-ui,sans-serif;--display:"Noto Naskh Arabic","Bodoni Moda","Geeza Pro","Times New Roman",serif;--mono:var(--body)}
:root:lang(fa){--body:"Vazirmatn","Manrope","Noto Sans Arabic","Segoe UI","Tahoma",system-ui,sans-serif;--display:"Noto Naskh Arabic","Bodoni Moda","Times New Roman",serif;--mono:var(--body)}

/* CJK, Devanagari and Arabic scripts: no negative tracking, a little more leading, no forced capitals */
:root:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko),:lang(hi),:lang(ar),:lang(fa)) :is(h1,h2,h3,.landing h1,.landing .sec-head h2,.home-support-intro h2,.logo b){letter-spacing:0}
:root:is(:lang(hi),:lang(ar),:lang(fa)) :is(h1,h2,h3){line-height:1.35}
:root:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) :is(h1,h2,h3){line-height:1.3}
:root:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko)) .landing h1{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1.2}
:root:is(:lang(hi),:lang(ar),:lang(fa)) .landing h1{font-size:clamp(2.4rem,4.6vw,4.2rem);line-height:1.3}
:root:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko),:lang(hi),:lang(ar),:lang(fa)) :is(.eyebrow,.pill,.badge,.sample,.stats .k,.specs .k,table.t th,.fgroup>summary,.tk-l,.nv-kind){letter-spacing:.02em}
/* Arabic script must never be letter spaced: it breaks the joins between letters */
:root:is(:lang(ar),:lang(fa)) *{letter-spacing:0!important}
@media (max-width:640px){:root:is(:lang(zh-Hans),:lang(zh-Hant),:lang(ja),:lang(ko),:lang(hi),:lang(ar),:lang(fa)) .landing h1{font-size:clamp(2.1rem,10vw,3rem)}}
/* German and French run long: let long words break rather than overflow on phones */
:root:is(:lang(de),:lang(fr),:lang(es),:lang(mi)) :is(h1,h2,h3,.btn,.chip,.tabs button,.cattile b,.catpill b){overflow-wrap:anywhere;hyphens:auto}
:root:is(:lang(de),:lang(fr),:lang(es),:lang(mi)) .btn{white-space:normal;text-align:center}

/* ---------- right to left (Arabic, Persian) ---------- */
[dir=rtl] body{text-align:right}
[dir=rtl] nav.desk{margin-left:0;margin-right:auto}
@media (max-width:860px){[dir=rtl] .hdr-icons{margin-left:0;margin-right:auto}}
[dir=rtl] .qsearch svg{left:auto;right:12px}
[dir=rtl] .qsearch input{padding-left:14px!important;padding-right:40px!important}
[dir=rtl] .iconbtn .n{right:auto;left:-4px}
[dir=rtl] .watch{right:auto;left:8px}
[dir=rtl] .cmp{left:auto;right:8px}
[dir=rtl] :is(.lens,.tvtopic,.vmrow,.h2h-opt,.toolbtn,.cattile,.catpill,.svtile,.acctmenu a,.acctmenu button,.fd-pop button,.landing .svmini,.ctile,.langopt){text-align:right}
[dir=rtl] :is(table.t th,table.t td){text-align:right}
[dir=rtl] :is(.kv dd,.list>div>span:last-child,table.t td.num,.tl-rows dd,.rl-toc a span){text-align:left}
[dir=rtl] .home-feature-price{text-align:left}
@media (max-width:860px){[dir=rtl] .home-feature-price{text-align:right}}
[dir=rtl] .note{border-left:0;padding-left:0;border-right:2px solid var(--brass-deep);padding-right:10px}
[dir=rtl] :is(.take,details.take){border-left:0;padding-left:0;border-right:2px solid var(--brass);padding-right:10px}
[dir=rtl] .comment.seller{border-left:0;padding-left:0;border-right:2px solid var(--brass);padding-right:12px}
[dir=rtl] .timeline{border-left:0;margin-left:0;border-right:1px solid var(--line);margin-right:6px}
[dir=rtl] .timeline div{padding:0 20px 14px 0}
[dir=rtl] .timeline div::before{left:auto;right:-5px}
[dir=rtl] :is(.prose ul,.promises,ul.small,ol){padding-left:0;padding-right:20px}
[dir=rtl] [style*="padding-left:18px"]{padding-left:0!important;padding-right:18px!important}
[dir=rtl] [style*="padding-left:20px"]{padding-left:0!important;padding-right:20px!important}
[dir=rtl] [style*="text-align:right"]{text-align:left!important}
[dir=rtl] [style*="text-align:left"]{text-align:right!important}
[dir=rtl] [style*="margin-left:8px"]{margin-left:0!important;margin-right:8px!important}
[dir=rtl] [style*="margin-left:auto"]{margin-left:0!important;margin-right:auto!important}
[dir=rtl] .gal-main .cap{left:auto;right:12px}
[dir=rtl] .car-card .art .samp,[dir=rtl] .hero-art .samp,[dir=rtl] .landing .hero-art .samp,[dir=rtl] .landing .car-card .art .samp{left:auto;right:12px}
[dir=rtl] .hero-art .tag{left:auto;right:14px}
[dir=rtl] .home-feature-label{left:auto;right:22px}
@media (max-width:640px){[dir=rtl] .home-feature-label{right:12px}}
[dir=rtl] .landing .vthumb::after{left:auto;right:14px}
[dir=rtl] .nv-credit{right:auto;left:6px}
[dir=rtl] .nv-fig{right:auto;left:14px;text-align:left}
[dir=rtl] .vt-id{right:auto;left:8px}
[dir=rtl] .shotdel{right:auto;left:4px}
[dir=rtl] .pcover{left:auto;right:6px}
[dir=rtl] .landing .findbar{padding:16px 26px 16px 18px}
[dir=rtl] .landing .findbar label{border-right:0;border-left:1px solid var(--line)}
[dir=rtl] .landing .findbar label:first-child{padding-left:20px;padding-right:0}
[dir=rtl] .landing .findbar label:nth-child(3){border:0}
[dir=rtl] .landing .findbar input,[dir=rtl] .landing .findbar select{padding:8px 0 8px 22px}
[dir=rtl] .landing .cattiles{border-left:0;border-right:1px solid var(--line)}
[dir=rtl] .landing .cattile{border-right:0;border-left:1px solid var(--line)}
[dir=rtl] details.fold>summary{padding-right:0;padding-left:30px}
[dir=rtl] details.fold>summary::after{right:auto;left:0}
[dir=rtl] :is(.home-arrow,.tl-go,.fd-back svg){transform:scaleX(-1)}
[dir=rtl] .tk-w{direction:ltr}
[dir=rtl] .regionbtn,[dir=rtl] .platebox,[dir=rtl] .mono{unicode-bidi:isolate}
[dir=rtl] input[type=email],[dir=rtl] input[type=tel],[dir=rtl] input[type=url],[dir=rtl] input#lk,[dir=rtl] input#regoq,[dir=rtl] input#vinq{direction:ltr;text-align:right}
@media (max-width:640px){
 [dir=rtl] .landing .findbar label:nth-child(2){padding-right:0;padding-left:10px}
 [dir=rtl] .landing .findbar label:nth-child(3){padding-right:14px;padding-left:0}
 [dir=rtl] .landing .findbar input,[dir=rtl] .landing .findbar select{padding:8px 0 8px 22px}
}
@media (max-width:860px){
 [dir=rtl] .landing .findbar label{padding:0 12px}
 [dir=rtl] .landing .findbar label:nth-child(2){padding-right:0}
}
