/**
 * Four Flags RTL Stylesheet (Arabic)
 */

[dir="rtl"] body { direction: rtl; text-align: right; }

[dir="rtl"] a[href^="tel:"],
[dir="rtl"] a[href^="mailto:"] {
    direction: ltr;
    unicode-bidi: embed;
    display: inline-block;
}

/* HIDE duplicate page title bar */
[dir="rtl"] #pagetitle { display: none !important; }

/* Header — let RTL direction handle mirroring naturally.
   DOM order is branding → navigation → header-right. With direction:rtl, default
   flex-direction:row already places branding on the right and nav on the left. */
[dir="rtl"] #site-header-wrap #site-header .row-flex,
[dir="rtl"] .site-header .row-flex {
    flex-direction: row !important;
}
[dir="rtl"] #site-header-wrap #site-header .site-branding {
    text-align: right;
}
[dir="rtl"] #site-header-wrap #site-header .site-navigation .main-navigation {
    justify-content: flex-end !important;
}
[dir="rtl"] .site-navigation { text-align: left; }
[dir="rtl"] .primary-menu { direction: rtl; }
@media (min-width: 992px) {
    [dir="rtl"] .primary-menu > li { float: right; }
}
[dir="rtl"] .primary-menu li ul { left: auto; right: 0; text-align: right; }
[dir="rtl"] .primary-menu li ul li ul { left: auto; right: 100%; }
/* Mobile menu: items must stack vertically in Arabic too */
@media (max-width: 991px) {
    [dir="rtl"] .site-navigation { text-align: right; }
    [dir="rtl"] .primary-menu,
    [dir="rtl"] .primary-menu li {
        display: block;
        float: none;
        width: 100%;
    }
    [dir="rtl"] .primary-menu > li > a {
        display: block;
        text-align: right;
        padding: 10px 0;
    }
}

/* Hero */
[dir="rtl"] .ff-hero__content { text-align: center; }
[dir="rtl"] .ff-hero__buttons { justify-content: center; }

/* Page Heroes */
[dir="rtl"] .ff-page-hero__content { text-align: center; }
[dir="rtl"] .ff-page-hero__content .ff-label { padding: 0; }

/* Section Headers — centered */
[dir="rtl"] .ff-section-header { text-align: center !important; direction: rtl; }
[dir="rtl"] .ff-section-header .ff-label { display: inline-block; padding: 0; letter-spacing: 1px; }
[dir="rtl"] .ff-divider { margin-left: auto; margin-right: auto; }

/* About / Story */
[dir="rtl"] .ff-story-section { flex-direction: row-reverse; }
[dir="rtl"] .ff-story-text { text-align: right; }
[dir="rtl"] .ff-story-text .ff-subtitle { text-align: right; }
[dir="rtl"] .ff-story-text blockquote { border-left: none; border-right: 3px solid var(--ff-red); padding-left: 0; padding-right: 20px; }
[dir="rtl"] .ff-story-image::after { left: -20px; right: 20px; }
[dir="rtl"] .ff-stats { direction: rtl; }

/* Service Cards */
[dir="rtl"] .ff-svc-card .ff-svc-body { text-align: right; }
[dir="rtl"] .ff-svc-card .ff-svc-img .ff-svc-badge { left: auto; right: 16px; }

/* Project Cards */
[dir="rtl"] .ff-project-overlay { text-align: right; }
[dir="rtl"] .ff-project-btn { direction: ltr; }
[dir="rtl"] .ff-project-btn i { transform: rotate(180deg); }

/* Contact Cards */
[dir="rtl"] .ff-contact-card { text-align: center; }
[dir="rtl"] .ff-contact-info-card { text-align: center; }

/* Slider — keep track LTR so JS transforms behave consistently */
[dir="rtl"] .ff-slider { direction: ltr; }
[dir="rtl"] .ff-mq-info { direction: rtl; text-align: center; }
[dir="rtl"] .ff-marquee-item { direction: rtl; }
/* In RTL, physically swap button positions so Prev sits on the right, Next on the left.
   Icons also flip so each arrow points outward (visually intuitive in RTL reading). */
[dir="rtl"] .ff-slider__btn--prev { left: auto; right: 4px; }
[dir="rtl"] .ff-slider__btn--next { right: auto; left: 4px; }
@media (max-width: 1199px) {
    [dir="rtl"] .ff-slider__btn--prev { right: 4px; left: auto; }
    [dir="rtl"] .ff-slider__btn--next { left: 4px; right: auto; }
}
@media (max-width: 767px) {
    [dir="rtl"] .ff-slider__btn--prev { right: 2px; left: auto; }
    [dir="rtl"] .ff-slider__btn--next { left: 2px; right: auto; }
}
[dir="rtl"] .ff-slider__btn--prev .fa-chevron-left::before { content: "\f054"; }
[dir="rtl"] .ff-slider__btn--next .fa-chevron-right::before { content: "\f053"; }

/* Service/Project Detail */
[dir="rtl"] .ffpd-hero__content { text-align: center; }
[dir="rtl"] .ffpd-layout { flex-direction: row-reverse; }
[dir="rtl"] .ffpd-main__text { text-align: right; }
[dir="rtl"] .ffpd-main__heading { text-align: right; }
[dir="rtl"] .ffpd-main__heading::after { left: auto; right: 0; }
[dir="rtl"] .ffpd-info__label, [dir="rtl"] .ffpd-info__value { text-align: right; }
[dir="rtl"] .ffpd-highlights { text-align: right; }
[dir="rtl"] .ffpd-highlights__title { text-align: right; }
[dir="rtl"] .ffpd-highlights ul { padding-left: 0; padding-right: 0; }
[dir="rtl"] .ffpd-highlights ul li { padding-left: 0; padding-right: 22px; }
[dir="rtl"] .ffpd-highlights ul li::before { left: auto; right: 0; }
[dir="rtl"] .ffpd-main h3 span[style*="left:0"] { left: auto !important; right: 0 !important; }

/* Sidebar */
[dir="rtl"] .ffpd-sidebar { text-align: right; direction: rtl; }
[dir="rtl"] .ffpd-sidebar h4 { text-align: right !important; }
[dir="rtl"] .ffpd-sidebar a[style*="flex"],
[dir="rtl"] .ffpd-sidebar div[style*="flex"] { flex-direction: row-reverse !important; text-align: right; }
[dir="rtl"] .ffpd-sidebar a[style*="flex"] i,
[dir="rtl"] .ffpd-sidebar div[style*="flex"] i { margin-left: 0; margin-right: auto; }

/* Arrows */
[dir="rtl"] .fa-arrow-left::before { content: "\f061"; }
[dir="rtl"] .fa-arrow-right::before { content: "\f060"; }

/* Forms */
[dir="rtl"] .ff-form input, [dir="rtl"] .ff-form textarea { text-align: right; }
[dir="rtl"] .ff-form input::placeholder, [dir="rtl"] .ff-form textarea::placeholder { text-align: right; }
[dir="rtl"] .wpcf7 input, [dir="rtl"] .wpcf7 textarea { text-align: right; direction: rtl; }

/* Footer */
[dir="rtl"] .site-footer { text-align: right; }
[dir="rtl"] .site-footer .widget { text-align: right; }
[dir="rtl"] .bottom-copyright { text-align: center; }

/* General */
[dir="rtl"] ul, [dir="rtl"] ol { padding-left: 0; padding-right: 20px; }
[dir="rtl"] .container { direction: rtl; }
[dir="rtl"] #site-header-wrap #main-menu-mobile { left: 15px; right: auto; }

/* Responsive */
@media (max-width: 991px) {
    [dir="rtl"] .ff-story-section { flex-direction: column; }
    [dir="rtl"] .ffpd-layout { flex-direction: column; }
}
@media (max-width: 767px) {
    [dir="rtl"] .ff-hero__buttons { align-items: center; }
}