/* ==========================================
   RTL Adjustments for Arabic and Persian versions
   Loaded only on /ar/* and /fa/* pages, applied via [dir="rtl"]
   The page itself loads the right webfont (Vazirmatn for fa,
   Cairo + Tajawal for ar); the stack below uses whichever is loaded.
   ========================================== */

[dir="rtl"] body {
    font-family: 'Vazirmatn', 'Cairo', 'Tajawal', 'Inter', sans-serif;
}

/* Headings keep a display feel */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] .section-title,
[dir="rtl"] .page-title,
[dir="rtl"] .hero-title,
[dir="rtl"] .cta-title,
[dir="rtl"] .footer-title {
    font-family: 'Vazirmatn', 'Cairo', 'Tajawal', sans-serif;
    letter-spacing: 0;
}

/* Keep brand name/logo readable left-to-right */
[dir="rtl"] .logo,
[dir="rtl"] .footer-logo {
    direction: ltr;
    unicode-bidi: isolate;
}

/* Keep language switcher in fixed EN | FR | AR order */
[dir="rtl"] .lang-switcher {
    direction: ltr;
}

/* Phone numbers / emails should remain LTR */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"] {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
}

/* Solution / Feature cards: flip the left border accent */
[dir="rtl"] .feature-item {
    border-left: none;
    border-right: 4px solid var(--primary);
}

/* Policy bullet list */
[dir="rtl"] .policy-content ul li {
    padding-left: 0;
    padding-right: var(--spacing-lg);
}

[dir="rtl"] .policy-content ul li::before {
    left: auto;
    right: var(--spacing-sm);
}

[dir="rtl"] .policy-updated {
    border-left: none;
    border-right: 4px solid var(--primary);
}

/* Services checklist */
[dir="rtl"] .service-items li {
    padding-left: 0;
    padding-right: var(--spacing-lg);
}

[dir="rtl"] .service-items li::before {
    left: auto;
    right: 0;
}

/* Store product features */
[dir="rtl"] .product-features li {
    padding-left: 0;
    padding-right: var(--spacing-md);
}

[dir="rtl"] .product-features li::before {
    left: auto;
    right: 0;
}

/* Footer hours: the colon-separated label uses inline-block; let it flow naturally in RTL */
[dir="rtl"] .footer-hours li span {
    margin-left: 0;
    margin-right: 0;
}

/* Cookie banner mini-tweaks: keep toggle slider visually consistent */
[dir="rtl"] .cookie-toggle {
    direction: ltr;
}

/* Scroll indicator stays centered; the scroll arrow style does not need flipping */

/* Notification slide-in stays from the right edge in LTR; flip for RTL aesthetic */
[dir="rtl"] .notification {
    right: auto !important;
    left: 20px !important;
}

/* Solution link arrow: flip "→" to "←" for RTL reading flow */
[dir="rtl"] .solution-link {
    /* arrow character is overridden inline in HTML */
}