/**
 * Dibaj Font System - Complete RTL Typography Solution
 *
 * Font Directory Structure:
 * ┌─────────────────────────────────────────────────────────────────┐
 * │ DIBAJ FAMILY DIRECTORY                                          │
 * │ Standard Dibaj fonts for international/English content          │
 * │ - Best for English text                                         │
 * │ - Does NOT support Persian numerals                             │
 * │ - Files: Dibaj Regular.woff2, Dibaj Bold.woff2, etc.            │
 * └─────────────────────────────────────────────────────────────────┘
 *
 * ┌─────────────────────────────────────────────────────────────────┐
 * │ FARSI-NUMERAL DIRECTORY (CURRENTLY IN USE) ✅                   │
 * │ Fonts with Persian numeral support (۰۱۲۳۴۵۶۷۸۹)                │
 * │ - BEST for RTL content (Dari, Persian, Arabic, Pashto)          │
 * │ - Supports both Persian and English text with Persian numerals  │
 * │ - Files: Dibaj FaNum Regular.woff2, Dibaj FaNum Bold.woff2, etc │
 * └─────────────────────────────────────────────────────────────────┘
 *
 * ┌─────────────────────────────────────────────────────────────────┐
 * │ NON-ENGLISH DIRECTORY                                           │
 * │ Non-English specific fonts (Persian/Arabic)                     │
 * │ - Alternative for Farsi/Arabic scripts                          │
 * │ - Does NOT include Persian numerals                             │
 * │ - Files: Dibaj FA Regular.woff2, Dibaj FA Bold.woff2, etc.      │
 * └─────────────────────────────────────────────────────────────────┘
 *
 * IMPLEMENTATION GUIDE:
 * =====================
 * For RTL languages (ar, fa, ps) with Persian numerals:
 *   → Use FARSI-NUMERAL fonts (current implementation) ✅ CORRECT
 *
 * For English content with occasional Persian text:
 *   → Use DIBAJ FAMILY fonts with Farsi-Numeral as fallback
 *
 * For pure Arabic/Persian content without numerals:
 *   → Use NON-ENGLISH (FA) fonts
 *
 * Font weights available:
 * - UltraLight: 200
 * - Light: 300
 * - Regular: 400
 * - Medium: 500
 * - SemiBold: 600
 * - Bold: 700
 * - ExtraBold: 800
 * - Black: 900
 * - SuperBlack: 950
 */

/* ═══════════════════════════════════════════════════════════
   FONT FACE DECLARATIONS - WOFF2 (Primary, Modern Browsers)
   
   IMPORTANT: No unicode-range restriction!
   The font must load for ALL characters including:
   - Latin letters (A-Z, a-z)
   - Western numerals (0-9)
   - Arabic/Persian script
   - Persian numerals (۰-۹)
   ═══════════════════════════════════════════════════════════ */

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum UltraLight.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum Light.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum ExtraBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum Black.woff2') format('woff2');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 950;
    font-display: swap;
    src: url('Farsi-Num/woff2/Dibaj FaNum SuperBlack.woff2') format('woff2');
}

/* ═══════════════════════════════════════════════════════════
   FONT FACE DECLARATIONS - WOFF (Fallback for Older Browsers)
   ═══════════════════════════════════════════════════════════ */

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum UltraLight.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum Light.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum Regular.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum Medium.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum Bold.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum Black.woff') format('woff');
}

@font-face {
    font-family: 'Dibaj FaNum';
    font-style: normal;
    font-weight: 950;
    font-display: swap;
    src: url('Farsi-Num/woff/Dibaj FaNum SuperBlack.woff') format('woff');
}

/* ═══════════════════════════════════════════════════════════
   RTL TYPOGRAPHY SYSTEM - Persian Numerals Font Stack
   ═══════════════════════════════════════════════════════════ */

/**
 * For RTL languages, use Dibaj FaNum as the primary font.
 * This provides proper Persian numeral support for:
 * - Dari (ps)
 * - Persian/Farsi (fa)
 * - Arabic (ar)
 * - Pashto (ps)
 */

:root {
    /**
     * RTL Font Configuration
     * Use 'Dibaj FaNum' with 400, 700, 800 weights for RTL languages
     * Vazirmatn as reliable fallback for proper Persian numeral support
     * Segoe UI and Noto Sans Arabic as additional fallbacks
     */
    --font-rtl-primary: 'Dibaj FaNum', sans-serif;
}

/**
 * RTL-specific typography - Applied when RTL mode is active
 * This class should be added to the <html> or <body> element in RTL mode
 */

html[dir="rtl"] body,
html[dir="rtl"] .body,
body.rtl-mode {
    font-family: var(--font-rtl-primary) !important;
    font-weight: 400;
}

/* RTL Headings */

html[dir="rtl"] h1,
html[dir="rtl"] .h1,
html[dir="rtl"] h2,
html[dir="rtl"] .h2,
html[dir="rtl"] h3,
html[dir="rtl"] .h3,
html[dir="rtl"] h4,
html[dir="rtl"] .h4,
html[dir="rtl"] h5,
html[dir="rtl"] .h5,
html[dir="rtl"] h6,
html[dir="rtl"] .h6 {
    font-family: var(--font-rtl-primary) !important;
}

/* RTL Navigation */

html[dir="rtl"] nav,
html[dir="rtl"] nav a,
html[dir="rtl"] .nav-link,
html[dir="rtl"] #header nav a,
html[dir="rtl"] .header-nav-main nav > ul > li > a {
    font-family: var(--font-rtl-primary) !important;
}

/* RTL Buttons */

html[dir="rtl"] .btn,
html[dir="rtl"] button,
html[dir="rtl"] input[type="submit"],
html[dir="rtl"] input[type="button"] {
    font-family: var(--font-rtl-primary) !important;
}

/* RTL Forms */

html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] .form-control {
    font-family: var(--font-rtl-primary) !important;
}

html[dir="rtl"] label,
html[dir="rtl"] .form-label {
    font-family: var(--font-rtl-primary) !important;
}

/* RTL Footer */

html[dir="rtl"] footer,
html[dir="rtl"] #footer,
html[dir="rtl"] .footer {
    font-family: var(--font-rtl-primary) !important;
}

html[dir="rtl"] footer h1,
html[dir="rtl"] footer h2,
html[dir="rtl"] footer h3,
html[dir="rtl"] footer h4,
html[dir="rtl"] footer h5,
html[dir="rtl"] footer h6 {
    font-family: var(--font-rtl-primary) !important;
}

/* RTL Font Weight Utilities */

html[dir="rtl"] .font-weight-light,
html[dir="rtl"] .font-weight-normal,
html[dir="rtl"] .fw-normal,
html[dir="rtl"] .fw-light {
    font-weight: 400 !important;
}

html[dir="rtl"] .font-weight-bold,
html[dir="rtl"] .fw-bold,
html[dir="rtl"] .font-weight-semibold,
html[dir="rtl"] .fw-semibold {
    font-weight: 700 !important;
}

html[dir="rtl"] .font-weight-extra-bold,
html[dir="rtl"] .font-weight-bolder,
html[dir="rtl"] .fw-bolder,
html[dir="rtl"] .font-weight-black,
html[dir="rtl"] .fw-black {
    font-weight: 800 !important;
}

/* RTL Counter/Impact Numbers */

html[dir="rtl"] .counter,
html[dir="rtl"] .impact-number,
html[dir="rtl"] .stat-number,
html[dir="rtl"] .counter-number {
    font-family: var(--font-rtl-primary) !important;
    font-weight: 800;
}

/* RTL Service Cards */

html[dir="rtl"] .service-card-new__content h5,
html[dir="rtl"] .service-card-grid .service-content h5,
html[dir="rtl"] .service-title,
html[dir="rtl"] .service-card-new__content p,
html[dir="rtl"] .service-card-grid .service-content p,
html[dir="rtl"] .service-description {
    font-family: var(--font-rtl-primary) !important;
}

/* ═══════════════════════════════════════════════════════════
   RTL FONT OVERRIDES - Override hardcoded fonts in rtl-theme-elements.css
   These hardcoded fonts are from the base theme and need RTL replacements
   ═══════════════════════════════════════════════════════════ */

/* Override Poppins, Open Sans, and other LTR fonts with Dibaj FaNum */

html[dir="rtl"] .mfp-close,
html[dir="rtl"] .mfp-close-btn-in .mfp-close,
html[dir="rtl"] .style-switcher-open-loader .style-switcher-tooltip > strong,
html[dir="rtl"] .default-font {
    font-family: var(--font-rtl-primary) !important;
}

/* Override Playfair Display with Dibaj FaNum */

html[dir="rtl"] .testimonial blockquote p,
html[dir="rtl"] .testimonial-style-3 blockquote p,
html[dir="rtl"] .testimonial-style-4 blockquote p,
html[dir="rtl"] .testimonial-style-5 blockquote p,
html[dir="rtl"] .testimonial.testimonial-style-3 blockquote p,
html[dir="rtl"] .testimonial.testimonial-style-4 blockquote p,
html[dir="rtl"] .testimonial.testimonial-style-5 blockquote p,
html[dir="rtl"] .testimonial-alternarive-font blockquote p,
html[dir="rtl"] .img-thumbnail.img-thumbnail-hover-icon:after {
    font-family: var(--font-rtl-primary) !important;
}

/* Override "Shadows Into Light" cursive font with Dibaj FaNum */

html[dir="rtl"] .highlighted-word,
html[dir="rtl"] .home-concept strong,
html[dir="rtl"] .testimonials .testimonial-author,
html[dir="rtl"] [class*="highlighted-word"],
html[dir="rtl"] .testimonial-author {
    font-family: var(--font-rtl-primary) !important;
}

/* Override Georgia fallback */

html[dir="rtl"] .toggle .toggle-title:after,
html[dir="rtl"] .toggle.toggle-faqs .toggle > label:before,
html[dir="rtl"] .toggle.toggle-faqs .toggle > .toggle-title:before {
    font-family: var(--font-rtl-primary) !important;
}

/* Override all alternative-font classes */

html[dir="rtl"] .alternative-font,
html[dir="rtl"] .alternative-font-2,
html[dir="rtl"] .alternative-font-3,
html[dir="rtl"] .alternative-font-4,
html[dir="rtl"] .alternative-font-5,
html[dir="rtl"] .alternative-font-6,
html[dir="rtl"] .alternative-font-7,
html[dir="rtl"] .alternative-font-8 {
    font-family: var(--font-rtl-primary) !important;
}

/* Override any remaining LTR-specific fonts */

html[dir="rtl"] blockquote,
html[dir="rtl"] .testimonial blockquote,
html[dir="rtl"] .testimonial blockquote p,
html[dir="rtl"] .testimonial cite,
html[dir="rtl"] .testimonial .testimonial-author {
    font-family: var(--font-rtl-primary) !important;
}

/* Force Dibaj FaNum on ALL text elements in RTL mode */

html[dir="rtl"] *:not(.fa):not(.fas):not(.far):not([class*="icon-"]):not(i[class]) {
    font-family: var(--font-rtl-primary) !important;
}

/* RTL Typography Scale - Override Porto's text size classes with RTL fonts */

html[dir="rtl"] .text-1,
html[dir="rtl"] .text-2,
html[dir="rtl"] .text-3,
html[dir="rtl"] .text-4,
html[dir="rtl"] .text-5,
html[dir="rtl"] .text-6,
html[dir="rtl"] .text-7,
html[dir="rtl"] .text-8,
html[dir="rtl"] .text-9,
html[dir="rtl"] .text-10,
html[dir="rtl"] .text-11,
html[dir="rtl"] .text-12,
html[dir="rtl"] .text-13,
html[dir="rtl"] .text-14,
html[dir="rtl"] .text-15 {
    font-family: var(--font-rtl-primary) !important;
}

/* RTL Line Height Classes */

html[dir="rtl"] .line-height-1,
html[dir="rtl"] .line-height-2,
html[dir="rtl"] .line-height-3,
html[dir="rtl"] .line-height-4,
html[dir="rtl"] .line-height-5,
html[dir="rtl"] .line-height-6,
html[dir="rtl"] .line-height-7,
html[dir="rtl"] .line-height-8,
html[dir="rtl"] .line-height-9,
html[dir="rtl"] .line-height-10,
html[dir="rtl"] .line-height-11,
html[dir="rtl"] .line-height-12,
html[dir="rtl"] .line-height-13,
html[dir="rtl"] .line-height-14,
html[dir="rtl"] .line-height-15 {
    font-family: var(--font-rtl-primary) !important;
}

/* ═══════════════════════════════════════════════════════════
   RTL PHONE NUMBERS, CONTACT INFO & NUMERIC ELEMENTS
   Ensure all numeric content uses Persian numerals font
   ═══════════════════════════════════════════════════════════ */

/* Phone numbers and contact info */
html[dir="rtl"] a[href^="tel:"],
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] .phone,
html[dir="rtl"] .phone-number,
html[dir="rtl"] .tel,
html[dir="rtl"] .email,
html[dir="rtl"] .contact-info,
html[dir="rtl"] .floating-contact-bar,
html[dir="rtl"] .floating-contact-bar__link,
html[dir="rtl"] .floating-contact-bar span {
    font-family: var(--font-rtl-primary) !important;
    direction: ltr;
    unicode-bidi: embed;
}

/* Impact numbers, counters, statistics */
html[dir="rtl"] [data-plugin-counter],
html[dir="rtl"] [data-to],
html[dir="rtl"] .custom-highlight-text-1,
html[dir="rtl"] .impact-stat-item,
html[dir="rtl"] .impact-number-wrapper,
html[dir="rtl"] .impact-number-wrapper strong,
html[dir="rtl"] .impact-unit,
html[dir="rtl"] .stat-item,
html[dir="rtl"] .stat-number,
html[dir="rtl"] .portfolio-stat-item,
html[dir="rtl"] .portfolio-stat-number {
    font-family: var(--font-rtl-primary) !important;
}

/* Prices, quantities, percentages */
html[dir="rtl"] .price,
html[dir="rtl"] .amount,
html[dir="rtl"] .quantity,
html[dir="rtl"] .percentage,
html[dir="rtl"] .number,
html[dir="rtl"] .count,
html[dir="rtl"] .total {
    font-family: var(--font-rtl-primary) !important;
}

/* Dates and times */
html[dir="rtl"] .date,
html[dir="rtl"] .time,
html[dir="rtl"] .datetime,
html[dir="rtl"] time {
    font-family: var(--font-rtl-primary) !important;
}

/* Table cells with numbers */
html[dir="rtl"] td,
html[dir="rtl"] th {
    font-family: var(--font-rtl-primary) !important;
}

/* Badge numbers */
html[dir="rtl"] .badge,
html[dir="rtl"] .label,
html[dir="rtl"] .tag {
    font-family: var(--font-rtl-primary) !important;
}

/* Pagination */
html[dir="rtl"] .pagination,
html[dir="rtl"] .page-link,
html[dir="rtl"] .page-item {
    font-family: var(--font-rtl-primary) !important;
}

/* List markers with numbers */
html[dir="rtl"] ol,
html[dir="rtl"] ol li::marker {
    font-family: var(--font-rtl-primary) !important;
}

/* ═══════════════════════════════════════════════════════════
   RTL COMPREHENSIVE LAYOUT FIXES
   Hero sections, navigation, marquee, and component layouts
   ═══════════════════════════════════════════════════════════ */

/* ═════════════════════════════════════════════════════════════
   1. HERO SECTION - Swap image/text positions for RTL
   ═════════════════════════════════════════════════════════════ */

/* Main hero section row - reverse column order */
html[dir="rtl"] .hero .row,
html[dir="rtl"] section.hero .row {
    flex-direction: row-reverse;
}

/* Empowering industries section - swap columns */
html[dir="rtl"] .custom-section-1 .row {
    flex-direction: row-reverse;
}

html[dir="rtl"] .custom-section-1 .col-xl-8 {
    text-align: right !important;
}

html[dir="rtl"] .custom-section-1 .col-xl-4 {
    text-align: right !important;
}

/* Text alignment for RTL hero */
html[dir="rtl"] .hero .text-lg-start,
html[dir="rtl"] section.hero .text-lg-start {
    text-align: right !important;
}

/* Feature boxes alignment */
html[dir="rtl"] .hero .d-flex.justify-content-lg-start {
    justify-content: flex-end !important;
}

html[dir="rtl"] .hero .feature-box {
    flex-direction: row-reverse;
}

html[dir="rtl"] .hero .feature-box .feature-box-info {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
    text-align: right !important;
}

/* ═════════════════════════════════════════════════════════════
   2. NAVIGATION - Font size, weight, and line height for RTL
   ═════════════════════════════════════════════════════════════ */

/* RTL Navigation - Using !important to override custom.css */
html[dir="rtl"]:root #header .header-nav-main.header-nav-main-text-capitalize nav > ul > li > a,
html[dir="rtl"]:root #header .header-nav-main nav > ul > li > a,
html[dir="rtl"]:root #header .header-nav-main nav > ul > li > a.nav-link,
html[dir="rtl"]:root #header .header-nav-main nav > ul > li > a.dropdown-item,
html[dir="rtl"]:root #header .header-nav-main nav > ul > li > a.dropdown-toggle,
html[dir="rtl"]:root .header-nav-main nav > ul > li > a,
html[dir="rtl"]:root #header .header-nav-main nav > ul > li > a:hover,
html[dir="rtl"]:root #header .header-nav-main nav > ul > li > a:focus,
html[dir="rtl"]:root #header .header-nav-main nav > ul > li > a.active {
    font-family: var(--font-rtl-primary) !important;
    font-size: 26.1px !important;
    font-weight: 700 !important;
    line-height: 36px !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
}

html[dir="rtl"] #header .header-nav-main nav > ul > li > a > .fa-caret-down,
html[dir="rtl"] .header-nav-main nav > ul > li > a > .fa-caret-down {
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

/* Dropdown menu items */
html[dir="rtl"] .header-nav-main nav > ul > li .dropdown-menu a {
    font-family: var(--font-rtl-primary) !important;
    font-size: 1rem !important;
    text-align: right !important;
}

/* Top bar text */
html[dir="rtl"] .header-top .header-row {
    font-family: var(--font-rtl-primary) !important;
    font-size: 0.95rem !important;
}

/* Language dropdown */
html[dir="rtl"] .header-nav-features .dropdown-toggle,
html[dir="rtl"] .header-nav-features .dropdown-menu a {
    font-family: var(--font-rtl-primary) !important;
}

/* ═════════════════════════════════════════════════════════════
   3. MARQUEE - Animation direction for RTL
   ═════════════════════════════════════════════════════════════ */

/* Override marquee direction for RTL - animate from left to right */
html[dir="rtl"] .marquee {
    direction: ltr; /* Keep internal direction for proper animation */
}

html[dir="rtl"] .marquee .marquee__content {
    animation-direction: reverse !important;
}

html[dir="rtl"] .marquee p,
html[dir="rtl"] .marquee span,
html[dir="rtl"] .marquee a {
    font-family: var(--font-rtl-primary) !important;
}

/* Custom marquee override */
html[dir="rtl"] .custom-bg-gradient-1 .marquee p {
    direction: rtl;
}

/* ═════════════════════════════════════════════════════════════
   4. RTL FONT SIZING - Increase readability
   ═════════════════════════════════════════════════════════════ */

/* Base body text */
html[dir="rtl"] body {
    font-size: 1rem !important;
    line-height: 1.8 !important;
}

/* Headings */
html[dir="rtl"] h1, html[dir="rtl"] .h1 {
    font-size: 2.5rem !important;
    line-height: 1.4 !important;
}

html[dir="rtl"] h2, html[dir="rtl"] .h2 {
    font-size: 2rem !important;
    line-height: 1.4 !important;
}

html[dir="rtl"] h3, html[dir="rtl"] .h3,
html[dir="rtl"] .custom-font-1 {
    font-size: 1.75rem !important;
    line-height: 1.5 !important;
}

html[dir="rtl"] h4, html[dir="rtl"] .h4 {
    font-size: 1.5rem !important;
    line-height: 1.5 !important;
}

html[dir="rtl"] h5, html[dir="rtl"] .h5 {
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
}

html[dir="rtl"] h6, html[dir="rtl"] .h6 {
    font-size: 1.1rem !important;
    line-height: 1.5 !important;
}

/* Paragraph text */
html[dir="rtl"] p {
    font-size: 1rem !important;
    line-height: 1.8 !important;
}

/* Hero primary headline */
html[dir="rtl"] .custom-hero-font-1,
html[dir="rtl"] .hero-primary {
    font-size: 2.8rem !important;
    line-height: 1.3 !important;
}

@media (max-width: 991px) {
    html[dir="rtl"] .custom-hero-font-1,
    html[dir="rtl"] .hero-primary {
        font-size: 2rem !important;
    }
}

/* ═════════════════════════════════════════════════════════════
   5. PUNCTUATION FIXES - Colons and semicolons for RTL
   ═════════════════════════════════════════════════════════════ */

/* Social media follow text */
html[dir="rtl"] .header-social-icons::before,
html[dir="rtl"] [class*="follow"]::after {
    content: ":" !important;
}

/* ═════════════════════════════════════════════════════════════
   6. FEATURED PROJECTS - RTL alignment
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .featured-projects-item,
html[dir="rtl"] .project-item {
    text-align: right !important;
}

html[dir="rtl"] .featured-projects-item .row,
html[dir="rtl"] .project-item .row {
    flex-direction: row-reverse;
}

/* Project number alignment */
html[dir="rtl"] .project-number,
html[dir="rtl"] .featured-number {
    text-align: right !important;
}

/* ═════════════════════════════════════════════════════════════
   7. CLIENT LOGOS - RTL carousel direction
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .client-logos-infinite-wrapper {
    direction: ltr; /* Keep animation consistent */
}

html[dir="rtl"] .client-logos-infinite-track {
    animation-direction: reverse !important;
}

/* ═════════════════════════════════════════════════════════════
   8. TESTIMONIALS - RTL layout fixes
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .testimonial-card,
html[dir="rtl"] .testimonial-header {
    text-align: right !important;
}

html[dir="rtl"] .testimonial-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .testimonial-info {
    text-align: right !important;
    margin-right: 1rem;
    margin-left: 0;
}

/* ═════════════════════════════════════════════════════════════
   9. SERVICE CARDS & GRID ITEMS - RTL start from right
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .services-grid,
html[dir="rtl"] .services-showcase-new .row,
html[dir="rtl"] #what-we-do-services .owl-carousel {
    direction: rtl;
}

html[dir="rtl"] .service-card-new,
html[dir="rtl"] .service-card {
    text-align: right !important;
}

/* Service footer contacts */
html[dir="rtl"] .services-footer-new {
    flex-direction: row-reverse;
}

/* ═════════════════════════════════════════════════════════════
   10. FAQ SECTION - RTL alignment
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .accordion .card,
html[dir="rtl"] .accordion-item,
html[dir="rtl"] .faq-item {
    text-align: right !important;
}

html[dir="rtl"] .accordion-button,
html[dir="rtl"] .accordion-header {
    flex-direction: row-reverse;
    text-align: right !important;
}

html[dir="rtl"] .accordion-button::after {
    margin-right: auto;
    margin-left: 0;
}

/* ═════════════════════════════════════════════════════════════
   11. CONTACT FORM - RTL alignment
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .contact-form label,
html[dir="rtl"] .form-label,
html[dir="rtl"] form label {
    text-align: right !important;
    display: block;
}

html[dir="rtl"] .contact-form input,
html[dir="rtl"] .contact-form textarea,
html[dir="rtl"] form input[type="text"],
html[dir="rtl"] form input[type="email"],
html[dir="rtl"] form input[type="tel"],
html[dir="rtl"] form textarea {
    text-align: right !important;
    direction: rtl;
}

/* ═════════════════════════════════════════════════════════════
   12. BUTTONS - RTL icon positioning
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .btn .fa-arrow-right,
html[dir="rtl"] .btn .fas.fa-arrow-right {
    transform: rotate(180deg);
    margin-right: 0.5rem !important;
    margin-left: 0 !important;
}

html[dir="rtl"] .btn .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

/* ═════════════════════════════════════════════════════════════
   13. FOOTER - RTL alignment
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] #footer,
html[dir="rtl"] footer {
    text-align: right !important;
}

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

html[dir="rtl"] footer ul {
    padding-right: 0;
}

html[dir="rtl"] footer ul li {
    text-align: right !important;
}

/* ═════════════════════════════════════════════════════════════
   14. WHAT WE DO SECTION - Layout alignment fix
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] #what-we-do-services ul {
    direction: rtl;
}

html[dir="rtl"] #what-we-do-services li {
    text-align: right !important;
}

/* Grid items start from right */
html[dir="rtl"] .owl-carousel .owl-stage {
    direction: ltr; /* Keep carousel functional */
}

/* ═════════════════════════════════════════════════════════════
   15. IMPACT NUMBERS - RTL unit placement
   ═════════════════════════════════════════════════════════════ */

html[dir="rtl"] .impact-number-wrapper {
    flex-direction: row-reverse;
    justify-content: flex-start;
}

html[dir="rtl"] .impact-unit {
    margin-right: 0.5rem;
    margin-left: 0;
}

html[dir="rtl"] .impact-stat-item {
    text-align: right !important;
}