/* ==== RTL mirroring for Arabic pages ====
   Loaded only on /ar/ pages, after styles.css and i18n.css.
   Flexbox and CSS Grid already reverse automatically under dir="rtl";
   this file only fixes properties that don't: absolute positioning
   with left/right, text-align, background-position and a few
   object-position tweaks on the wordmark logo. */

/* Decorative circles / blobs positioned with left/right */
.page-hero:after,.check-section:before,.dubai-teaser:before{right:auto;left:-140px}
.check-section:before{left:-220px}
.video-showcase:before{right:auto;left:-240px}
.cta-section:before{right:auto;left:-160px}

/* Hero proof strip + image badge */
.hero-proof{right:auto;left:0}
.hero-proof div{border-right:0;border-left:1px solid var(--line)}
@media(max-width:900px){.hero-proof{left:auto;right:0}}
.image-badge{right:auto;left:-28px}
@media(max-width:900px){.image-badge{left:15px}}

/* Services dropdown menu */
.nav-dropdown{left:auto;right:0}
@media(max-width:900px){
 .nav-dropdown{border-left:0;border-right:2px solid var(--line);margin:0 4px 6px 0;padding:0 14px 6px 0}
}

/* Quiz answer buttons + progress bar */
.answer-grid button{text-align:right}
.check-progress i{left:auto;right:0}

/* Opening intro skip button */
.opening-skip{right:auto;left:26px}
@media(max-width:600px){.opening-skip{left:10px;right:auto}}

/* Decorative watermark logos */
.service-card:before{right:auto;left:58px}
.feature-list li:nth-child(4n+1):after{right:auto;left:4px}

/* Wordmark logo: align its visual start to the reading start (right) */
.wordmark-logo{object-position:right center}

/* Honeypot field must stay off-screen either direction */
.hp-field{left:auto;right:-9999px}

/* Footer decorative gradient border direction */
.footer{border-image:linear-gradient(90deg,var(--sapphire-deep),var(--sapphire-bright),#b9e9ff,var(--sapphire-deep)) 1}