/* UI-08A Arabic service-page adaptation layer (#sv-root, class uirh-service, dir="rtl"). Reviewed, hand-written; loaded
   after pages/service-layout.css by the Arabic Prices page only (/ar/yacht-rental-dubai-prices/). It makes the accepted
   English service design (service.css, service-addon.css, service-layout.css) read correctly right to left and in Arabic
   script, and changes nothing else: no size, colour, spacing, width or wording.
     - Direction: the shared family sheet places the desktop hero photograph on the right half with its readability fade
       running from the left, and aligns the hero copy and the FAQ questions to the left (physical values). Here the copy
       starts on the right, so the photograph takes the left half and the fade runs from the right, with the same
       geometry and the same colours (the theme's surface: --ui-surface-rgb is exactly the 248,246,240 / 10,27,41 the
       family sheet writes per theme); the hero copy and the questions start-align. The page's own sheet is the RTL
       source's port, so its flips (notes, example prices) are already there.
     - Script: the family's Latin faces (--f Outfit and --sf Georgia) have no Arabic letters, so both resolve to the
       shell's Arabic face (--ui-font: Tajawal), exactly as the shared system sets Arabic headings (src/css/layout.css:
       html[lang^="ar"] headings use --ui-font at weight 500). The main Arabic content (body text, prices, notes) takes
       Noto Naskh Arabic through the closed arabicContentFont opt-in (lib/arabic-font.mjs), as on the Arabic share pages.
       Letter-spacing is 0 on Arabic text (tracking breaks the joined script; the shell does the same for its Arabic
       navigation), and the two italic notes are upright (Arabic has no italic; a synthetic slant only blurs it).
   Every selector starts from the page root with the four-class prefix of the service layout layer, so these rules follow
   the family and layout rules on specificity and order. Only existing --ui-* tokens. */

/* ---- Script ---- */
.uirh-service.uirh-service.uirh-service.uirh-service{--f:var(--ui-font);--sf:var(--ui-font)}
.uirh-service.uirh-service.uirh-service.uirh-service .pg-hero h1,
.uirh-service.uirh-service.uirh-service.uirh-service .stit,
.uirh-service.uirh-service.uirh-service.uirh-service .hiw-ti{font-weight:500;letter-spacing:0}
.uirh-service.uirh-service.uirh-service.uirh-service .lbl,
.uirh-service.uirh-service.uirh-service.uirh-service .btn,
.uirh-service.uirh-service.uirh-service.uirh-service .faq-q{letter-spacing:0}
.uirh-service.uirh-service.uirh-service.uirh-service .price-note,
.uirh-service.uirh-service.uirh-service.uirh-service .ex-note{font-style:normal}

/* ---- Direction ---- */
.uirh-service.uirh-service.uirh-service.uirh-service .pg-hero,
.uirh-service.uirh-service.uirh-service.uirh-service .faq-q{text-align:start}
@media (min-width:901px){
.uirh-service.uirh-service.uirh-service.uirh-service .pg-hero-bg,
.uirh-service.uirh-service.uirh-service.uirh-service .pg-hero-overlay{left:0;right:calc(50% - 60px)}
.uirh-service.uirh-service.uirh-service.uirh-service .pg-hero-overlay{background:linear-gradient(to left,var(--navy) 0%,rgba(var(--ui-surface-rgb),.88) 18%,rgba(var(--ui-surface-rgb),0) 52%)}
}