/* ============================================================
   RTL overrides — loaded only when <html dir="rtl"> (Arabic).
   Mirrors directional physical properties (left/right margins,
   paddings, borders, text-align) that logical properties don't
   cover in the base sheet. LTR never loads this file.
   ============================================================ */

/* Arabic type — the header loads Almarai for RTL (the rounded geometric Arabic
   sans of the reference design); Cairo/Segoe/system fonts fall back cleanly. */
:root,
body {
    --font-head:'Almarai','Cairo','Segoe UI',system-ui,sans-serif;
    --font-body:'Almarai','Cairo','Segoe UI',system-ui,sans-serif;
}
body{font-family:var(--font-body);letter-spacing:0}
.section-eyebrow{letter-spacing:.06em}

/* Topbar / footer icon spacing flips side */
.topbar__info i{margin-right:0;margin-left:6px}
.footer__links i{margin-right:0;margin-left:6px;font-size:.8rem}
.loc-tabs__note i{margin-right:0;margin-left:6px}

/* Nav CTA gap sits on the opposite side in RTL */
.nav-cta-wrap{margin-left:0;margin-right:12px}

/* Off-canvas helpers (skip link, honeypot) now hide themselves with a transform
   or a clip in style.css, so no RTL override is needed — and nothing sits outside
   the viewport where it could widen the horizontal scroll area in RTL. */

/* Card icon mirrors to the top-left corner */
.scrap-card__icon{right:auto;left:20px}

/* Text links with a forward arrow: point it towards the reading direction (left) */
.btn--text .fa-arrow-right{transform:scaleX(-1)}
.btn--text:hover .fa-arrow-right{transform:scaleX(-1) translateX(4px)}

/* Check-mark list items: bullet on the right, padding on the right */
.material-card li{padding-left:0;padding-right:18px}
.material-card li::before{left:auto;right:0}
.bullets li::before{left:auto;right:0}

/* Info panel accent bar flips to the right edge */
.info-panel{border-left:0;border-right:4px solid var(--green)}

/* FAQ button text aligns right; caret swaps to the left */
.faq-item__btn{text-align:right}
.faq-item__btn .faq-item__caret{order:-1}

/* Tables and form text */
.data th,.data td{text-align:right}
input,textarea,select{text-align:right}

/* Breadcrumb separator points the other way */
.breadcrumbs li+li::before{content:"‹"}

/* Floating WhatsApp button mirrors to the left */
.wa-float{right:auto;left:22px}
@media (max-width:560px){
    .wa-float{right:auto;left:16px}
}

/* Mobile slide-in menu enters from the left (mirrors the LTR drawer).
   The closed drawer is parked off-canvas, and horizontal overflow is clipped at
   the viewport (style.css), so it can never be dragged into view as a blank strip. */
@media (max-width:1200px){
    .nav-menu{right:auto;left:0;border-radius:0 10px 10px 0;
        box-shadow:14px 0 40px rgba(22,24,29,.22);transform:translateX(-105%)}
    .nav-menu.open{transform:translateX(0)}
    .nav-menu>li>a,.nav-dropdown-toggle{text-align:right}
    .nav-menu .has-dropdown.open>.nav-dropdown{left:auto;right:0}
    /* Sub-menu rows follow the brand font weight in Arabic too */
    .nav-dropdown li a{text-align:right}
}