/* Arabic homepage adaptation layer (#hp-root, class uirh, dir="rtl"). Reviewed, hand-written; loaded after
   pages/home-a11y.css by the Arabic homepage only. It makes the accepted English homepage design (home.css,
   home-layout.css, home-a11y.css, unchanged) read correctly right to left and in Arabic script, and changes nothing
   else: no size, colour, spacing, width or wording.
     - Script: the page's Latin faces (--f Outfit, --sf Georgia) have no Arabic letters, so both resolve to the shell's
       Arabic face (--ui-font, Tajawal), as the shared system sets Arabic headings; headings at weight 500 and upright;
       letter-spacing 0 (tracking breaks the joined script). The main Arabic content takes Noto Naskh Arabic through the
       closed arabicContentFont opt-in.
     - Direction: the physical left/right values of home.css are mirrored where they carry meaning (text start, the
       trust and advisor separators, the date popover anchor, the advisor strip's start padding and edge fade, the
       best-for icon gap, the price column's outer edge) and the arrow icons point the reading way.
   Every selector starts from the page root with a five-class prefix, so these rules follow the page, layout and
   accessibility layers on specificity. Only existing tokens. */

/* ---- Script ---- */
.uirh.uirh.uirh.uirh.uirh{--f:var(--ui-font);--sf:var(--ui-font)}
.uirh.uirh.uirh.uirh.uirh *{letter-spacing:0}
.uirh.uirh.uirh.uirh.uirh .stit,
.uirh.uirh.uirh.uirh.uirh .pbar-h,
.uirh.uirh.uirh.uirh.uirh .cha-h,
.uirh.uirh.uirh.uirh.uirh .hwsl-h,
.uirh.uirh.uirh.uirh.uirh .hiw-ti,
.uirh.uirh.uirh.uirh.uirh .sev-name,
.uirh.uirh.uirh.uirh.uirh .yn,
.uirh.uirh.uirh.uirh.uirh .ti-v,
.uirh.uirh.uirh.uirh.uirh .dtp-h,
.uirh.uirh.uirh.uirh.uirh .hwsl-item h3{font-weight:500;font-style:normal}

/* ---- Direction ---- */
.uirh.uirh.uirh.uirh.uirh .faq-q,
.uirh.uirh.uirh.uirh.uirh .ti,
.uirh.uirh.uirh.uirh.uirh .yacht-note,
.uirh.uirh.uirh.uirh.uirh .dtf{text-align:right}
.uirh.uirh.uirh.uirh.uirh .yprice{text-align:left}
.uirh.uirh.uirh.uirh.uirh .bf-ic{margin-right:0;margin-left:6px}
.uirh.uirh.uirh.uirh.uirh .cha-strip-i{border-right:0;border-left:1px solid var(--b)}
.uirh.uirh.uirh.uirh.uirh .cha-strip-i:last-child{border-left:0}
@media(min-width:601px){.uirh.uirh.uirh.uirh.uirh .dtp{left:auto;right:0}}
.uirh.uirh.uirh.uirh.uirh .yc-view-btn svg,
.uirh.uirh.uirh.uirh.uirh .fleet-more .btn svg,
.uirh.uirh.uirh.uirh.uirh .dtp-arrow svg{transform:scaleX(-1)}
@media(min-width:768px){
.uirh.uirh.uirh.uirh.uirh .ti:first-child{padding-left:clamp(18px,2.6vw,36px);padding-right:0}
.uirh.uirh.uirh.uirh.uirh .ti:last-child{padding-right:clamp(18px,2.6vw,36px);padding-left:0}
.uirh.uirh.uirh.uirh.uirh .ti + .ti{border-left:0;border-right:1px solid var(--b)}
}
@media(max-width:780px){
.uirh.uirh.uirh.uirh.uirh .cha-strip-i{border-left:1px solid var(--b)}
.uirh.uirh.uirh.uirh.uirh .cha-strip-i:nth-child(2n){border-left:0}
.uirh.uirh.uirh.uirh.uirh .cha-grid{padding:2px var(--gt) 2px 0;-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 48px),rgba(0,0,0,.12) 100%);mask-image:linear-gradient(to left,#000 calc(100% - 48px),rgba(0,0,0,.12) 100%)}
}
