/* V03-B glow centring (owner, 9 Nov 2026: "the navy luminance is not centered in many places; check it from phone view and desktop
   view"). Source: tools/publishing/visual/r049/glow.css, served as /r049/glow.css (linked by tools/publishing/visibility/glow_v03.mjs).
   Only the POSITION of existing glows changes: no colour, opacity, size, blur or layout outside the glows. Measured before/after with
   tools/successor/checks/glow_v03.mjs (box geometry plus each glow's own light on real pixels, captured with it on and off).
   Static CSS: no motion is added, so prefers-reduced-motion behaviour is unchanged (stats.css still drops the pointer transition). */

/* 1. Hero glow image (Ellipse-1, Home, all locales). LTR places it at left:50% and pulls it back by half its width. The Arabic page
   carries the theme's "glow-rtl" override (right:0; left:auto; transform:none), which pinned the shrink-to-fit box to the right
   edge: 148 px right of centre at 1440 px, 388 px at 1920 px, and twice the English size at 768-1024 px. In RTL the box now gets
   exactly the LTR geometry (same width, same centre). Physical left/right on purpose: the glow is symmetric, the anchor is the
   page centre, not the reading direction. */
html[dir=rtl] body .elementor-element.glow-rtl.elementor-absolute{left:50%!important;right:auto!important;transform:translateX(-50%)!important}

/* 2. Statistics "Navy Radial Field" (owner choice B, Home, all locales). The field was centred on the CARD, whose number sits at the
   top and whose label sits below; rows stretch to the tallest label, so the core landed between figure and label, lower on cards
   with a one-line label. The field box keeps the card's size and is moved so its centre is the centre of the number's line box
   (card padding-top + half the numeral size). The values mirror /r043/stats.css (padding and font-size clamps, mobile and
   <=359 px steps); --s2x/--s2y (stats.js pointer follow) still move the centre inside this box, so the hover design is unchanged. */
html[data-psg-stats=b] .psg-s2{--g-pt:clamp(22px,2.4vw,34px);--g-fs:calc(clamp(44px,4.1vw,62px) * var(--s2-scale,1))}
@media (max-width:767px){html[data-psg-stats=b] .psg-s2{--g-pt:20px;--g-fs:calc(40px * var(--s2-scale,1))}}
@media (max-width:359px){html[data-psg-stats=b] .psg-s2{--g-fs:calc(34px * var(--s2-scale,1))}}
html[data-psg-stats=b] .psg-s2::before{inset:auto 0;height:100%;top:calc(var(--g-pt) + var(--g-fs) / 2 - 50%)}

/* 3. Home "What we do" section field (50c7f54d::before, all locales). The correction layer gives it inset:-120px -80px -160px, but
   Elementor's .e-con:before also fixes width (100% + borders). With left, right and width all set, the box is over-constrained and
   CSS drops one side: 'right' in LTR, 'left' in RTL. The 100%-wide light was therefore pushed 80 px left of centre in English (80 px
   right in Arabic) at every width - a fifth of the screen on phones - and ended in a visible straight edge 80 px before the page
   side. The box keeps its rendered size and gets Elementor's own symmetric placement back (left = minus the border, right auto),
   so it is centred on the section in both directions. Honouring the -80 px bleed instead (width:auto) was tried and rejected: it
   pushed the box past the viewport and made Home scroll sideways (80 px on Arabic phones). Height and the vertical inset stay. */
html body .elementor-124 .elementor-element.elementor-element-50c7f54d::before{left:calc(0px - var(--border-left-width,0px));right:auto}