/*
 * rtl.css — overrides for Arabic (dir="rtl") layout.
 * Loaded only when lang === 'ar'. Applied via [dir="rtl"] selector.
 */

/* =========================================================================
   Arabic font (Cairo — supports Arabic + Latin)
   ========================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&display=swap');

[dir="rtl"] body,
[dir="rtl"] input,
[dir="rtl"] button,
[dir="rtl"] textarea,
[dir="rtl"] select {
    font-family: 'Cairo', 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: 'Cairo', 'Libre Baskerville', Georgia, serif;
}

[dir="rtl"] .navbar-nav .nav-link,
[dir="rtl"] .navbar-nav .dropdown-item,
[dir="rtl"] .site-footer,
[dir="rtl"] .site-footer * {
    font-family: 'Cairo', 'Gotham Pro', -apple-system, BlinkMacSystemFont, sans-serif;
}


/* =========================================================================
   Header — top bar
   ========================================================================= */

[dir="rtl"] .site-header__search {
    text-align: right;
}

[dir="rtl"] .site-header__contacts {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .site-header__icon {
    margin-right: 0;
    margin-left: 4px;
}

[dir="rtl"] .site-header__lang {
    border-left: none;
    border-right: 1px solid rgba(255,255,255,0.15);
    padding-left: 0;
    padding-right: 12px;
    margin-left: 0;
    margin-right: 4px;
}

/* WhatsApp modal position */
[dir="rtl"] .whatsapp-modal {
    right: auto;
    left: 15px;
}

/* ml-3 on whatsapp link — flip in RTL */
[dir="rtl"] .whatsapp-link.ml-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}


/* =========================================================================
   Navbar
   ========================================================================= */

[dir="rtl"] .navbar-nav {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Dropdown arrow flips */
[dir="rtl"] .navbar-nav .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 4px;
}

/* Dropdown opens to the right side in RTL */
[dir="rtl"] .navbar-nav .dropdown-menu {
    left: auto;
    right: 0;
}

/* Mobile nav */
@media (max-width: 991px) {
    [dir="rtl"] .navbar-nav {
        align-items: flex-end;
    }
    [dir="rtl"] .navbar-nav .nav-link {
        text-align: right;
    }
}


/* =========================================================================
   Bootstrap utility flips
   ========================================================================= */

[dir="rtl"] .ml-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .mr-auto { margin-right: 0 !important; margin-left: auto !important; }
[dir="rtl"] .ml-3    { margin-left: 0 !important;  margin-right: 1rem !important; }
[dir="rtl"] .mr-1    { margin-right: 0 !important; margin-left: 0.25rem !important; }
[dir="rtl"] .ml-lg-auto { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .text-lg-left  { text-align: right; }
[dir="rtl"] .text-lg-right { text-align: left; }
[dir="rtl"] ul, [dir="rtl"] ol { padding-left: 0; padding-right: 1.4em; }


/* =========================================================================
   Hero slider — swap arrow positions
   ========================================================================= */

[dir="rtl"] .hero-slider__nav--prev {
    left: auto;
    right: 0;
}

[dir="rtl"] .hero-slider__nav--next {
    right: auto;
    left: 0;
}

/* Flip arrow glyphs (‹ and › swap meaning in RTL) */
[dir="rtl"] .hero-slider__nav--prev { transform: scaleX(-1); }
[dir="rtl"] .hero-slider__nav--next { transform: scaleX(-1); }


/* =========================================================================
   Home intro — text alignment
   ========================================================================= */

[dir="rtl"] .home-intro {
    direction: rtl;
}

[dir="rtl"] .home-intro__eyebrow,
[dir="rtl"] .home-intro__title,
[dir="rtl"] .home-intro__text {
    text-align: center;
}


/* =========================================================================
   Statistics
   ========================================================================= */

[dir="rtl"] .cs-statistics-item:not(:last-child) {
    border-right: none;
    border-left: 1px solid rgba(255,255,255,0.15);
}


/* =========================================================================
   Contact form section — swap columns
   ========================================================================= */

[dir="rtl"] .cs-contact-form-section .row,
[dir="rtl"] .cs-contact-form-inner {
    flex-direction: row-reverse;
}

[dir="rtl"] .cs-form-label,
[dir="rtl"] .cs-form-consent-label,
[dir="rtl"] .cs-contact-form-right {
    text-align: right;
}

[dir="rtl"] .cs-form-consent-label {
    flex-direction: row-reverse;
}

[dir="rtl"] .cs-form-consent-label input[type="checkbox"] {
    margin-right: 0;
    margin-left: 8px;
}


/* =========================================================================
   Footer
   ========================================================================= */

[dir="rtl"] .site-footer .row {
    flex-direction: row-reverse;
}

[dir="rtl"] .sf-col {
    text-align: right;
}

[dir="rtl"] .sf-list {
    padding-right: 0;
    list-style: none;
}

[dir="rtl"] .sf-social {
    justify-content: flex-end;
}

[dir="rtl"] .sf-bottom-inner {
    flex-direction: row-reverse;
}

[dir="rtl"] .sf-legal {
    flex-direction: row-reverse;
}

/* =========================================================================
   Cookie banner & request modal
   ========================================================================= */

[dir="rtl"] .cookie-banner,
[dir="rtl"] .request-modal__inner {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .request-modal-close {
    right: auto;
    left: 12px;
}