/* Arabic Fleet Hub adaptation layer (#fh-root, class uirh-fleet, dir="rtl"). Reviewed, hand-written; loaded after
   pages/fleet-a11y.css by the Arabic Fleet Hub only (UI-08C-IMPLEMENTATION candidate). It makes the installed English Fleet
   Hub design (fleet.css, fleet-layout.css, fleet-a11y.css, unchanged) read correctly right to left and in Arabic script,
   with the same treatment the accepted Arabic homepage layer gives the homepage, 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); headings and titles 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
       (lib/arabic-font.mjs); the section eyebrows and event tags take the shared role map's Arabic section-label values
       (Noto Naskh Arabic 600, untracked), as the role map gives the homepage and share labels.
     - Direction: the physical left/right values of fleet.css are mirrored where they carry meaning (the trust separators,
       the photo arrows of the cards and the album, the list bullets, the FAQ and option text start, the planner popover
       fallback) and the arrow icons point the reading way.
     - Occasion tiles that are not links on this page keep their resting colours on hover.
   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-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet{--f:var(--ui-font);--sf:var(--ui-font)}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet *{letter-spacing:0}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet :is(.stit,.fh-b3-h2,.fh-b3-sub,.fh-b3-step-t,.fh-b3-ev-h,.fh-b3-guide-h,.fh-name,.fh-cmp-name,.fh-review-h,.fh-plan-ph,.fh-plan-mon,.alb-name,.fh-cmp-head h3,.fh-fp-head h3,.fh-b3-dep-t,.fh-b3-check-h,.fh-b3-panel-h,.fh-b3-factor-t,.fh-b3-occ-t){font-weight:500;font-style:normal}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet :is(.fh-b3-eyebrow,.fh-b3-ev-tag){font-family:"Noto Naskh Arabic",serif;font-weight:600;letter-spacing:0}

/* ---- Direction ---- */
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-ts-list li + li::before{left:auto;right:calc(clamp(16px,3vw,34px) / -2)}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-prev{left:auto;right:10px}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-next{right:auto;left:10px}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .alb-prev{left:auto;right:14px}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .alb-next{right:auto;left:14px}
@media(max-width:780px){
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-prev{left:auto;right:8px}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-next{right:auto;left:8px}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .alb-prev{left:auto;right:8px}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .alb-next{right:auto;left:8px}
}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet :is(.fh-prev svg,.fh-next svg,.alb-nav svg,.fh-cta-view svg,.fh-b3-occ-ar,.fh-plan-arrow svg){transform:scaleX(-1)}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .faq-q,
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet #help-choosing .fh-plan-o{text-align:right}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-b3 .fh-b3-ul li{padding:0 20px 0 0}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-b3 .fh-b3-ul li::before{left:auto;right:2px}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet #help-choosing .fh-plan-pop{left:auto;right:0}
/* The planner's hidden spam field sits 10000px off the left edge (its own inline style); in a right-to-left document that
   space becomes scrollable, so here it sits off the right edge instead (the inline style needs !important to be moved). */
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet #ffCompany{left:auto!important;right:-10000px!important}

/* ---- Occasion tiles without a link ---- */
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-b3-board div.fh-b3-occ:hover{border-color:var(--b1);background:var(--navy3)}
/* Arabic has no italic: the review's unset values stay upright (their muted colour is kept). */
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet .fh-review-list dd.is-unset{font-style:normal}
/* The planner's send button may wrap at enlarged text (the installed English rule keeps it on one line, so at 320px with
   200% text the label pushes the WhatsApp icon outside the button); the treatment the accepted Russian homepage layer gives
   its long button: the label wraps and stays centred, the icon keeps its size. */
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet #help-choosing .fh-plan-wa{white-space:normal;text-align:center}
.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet.uirh-fleet #help-choosing .fh-plan-wa svg{flex-shrink:0}