
/* ==========================================================
   Arabic RTL Language Adaptation - Desktop & Mobile
   File: lang.ar.css
   ========================================================== */

html[lang="ar"],
html[dir="rtl"] {
    direction: rtl;
}

html[lang="ar"] body.cnc-page,
html[dir="rtl"] body.cnc-page {
    direction: rtl;
    text-align: left;
    font-family: "Tajawal", "Cairo", "Noto Kufi Arabic", "Noto Sans Arabic", "Segoe UI", Arial, sans-serif;
}

html[dir="rtl"] .cnc-nav__inner,
html[dir="rtl"] .cnc-hero__inner,
html[dir="rtl"] .cnc-section-head,
html[dir="rtl"] .cnc-intro__inner,
html[dir="rtl"] .cnc-footer__inner {
    direction: rtl;
}

/* ==========================================================
   Desktop Header / Language Menu
   ========================================================== */

html[dir="rtl"] .cnc-nav__menu {
    margin-left: 56px;
    margin-right: auto;
}

html[dir="rtl"] .cnc-lang-dropdown {
    margin-right: 0;
    margin-left: 32px;
}

html[dir="rtl"] .cnc-lang-btn,
html[dir="rtl"] .cnc-lang-menu,
html[dir="rtl"] .cnc-lang-item {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .cnc-lang-menu {
    left: 0;
    right: auto;
}

html[dir="rtl"] .cnc-nav__cta-icon,
html[dir="rtl"] .cnc-hero__button-icon,
html[dir="rtl"] .cnc-intro__cta-arrow {
    transform: scaleX(-1);
}

/* ==========================================================
   Hero / Common Text Layout
   ========================================================== */

html[dir="rtl"] .cnc-hero__content,
html[dir="rtl"] .cnc-intro__title,
html[dir="rtl"] .cnc-intro__text,
html[dir="rtl"] .cnc-section-head__title,
html[dir="rtl"] .cnc-section-head__subtitle,
html[dir="rtl"] .cnc-vision__title,
html[dir="rtl"] .cnc-mission__title,
html[dir="rtl"] .cnc-mission__headline,
html[dir="rtl"] .cnc-growth__title,
html[dir="rtl"] .cnc-participation__title,
html[dir="rtl"] .cnc-core__title,
html[dir="rtl"] .cnc-free__title,
html[dir="rtl"] .cnc-empower__title,
html[dir="rtl"] .cnc-news__title,
html[dir="rtl"] .cnc-contact__title {
    text-align: right;
    letter-spacing: 0;
}

html[dir="rtl"] .cnc-hero__title {
    font-size: clamp(42px, 4.8vw, 72px);
    line-height: 1.28;
    letter-spacing: 0;
}

html[dir="rtl"] .cnc-hero__desc,
html[dir="rtl"] .cnc-intro__text {
    line-height: 1.85;
    letter-spacing: 0;
}

html[dir="rtl"] .cnc-intro__text {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .cnc-hero__social {
    left: 210px;
    right: auto;
    direction: rtl;
}

/* ==========================================================
   Cards / Lists / Grids
   ========================================================== */

html[dir="rtl"] .cnc-engine-card,
html[dir="rtl"] .cnc-growth-card,
html[dir="rtl"] .cnc-participation-card,
html[dir="rtl"] .cnc-scenario-card,
html[dir="rtl"] .cnc-core-card,
html[dir="rtl"] .cnc-free-card,
html[dir="rtl"] .cnc-empower-card,
html[dir="rtl"] .cnc-news-card {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .cnc-engine-card__list,
html[dir="rtl"] .cnc-core-card__list {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .cnc-engine-card__list li,
html[dir="rtl"] .cnc-core-card__list li {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .swiper,
html[dir="rtl"] .swiper-wrapper,
html[dir="rtl"] .swiper-slide {
    direction: rtl;
}

html[dir="rtl"] .cnc-mission__graphic {
    text-align: left;
}

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

html[dir="rtl"] .cnc-footer,
html[dir="rtl"] .cnc-footer a,
html[dir="rtl"] .cnc-contact {
    direction: rtl;
    text-align: right;
}

/* ==========================================================
   Mobile RTL Adaptation
   ========================================================== */

@media (max-width: 991.98px) {
    html[dir="rtl"] .cnc-nav__inner {
        flex-direction: row-reverse;
    }

    html[dir="rtl"] .cnc-mobile-menu,
    html[dir="rtl"] .cnc-mobile-menu__inner,
    html[dir="rtl"] .cnc-mobile-menu__nav,
    html[dir="rtl"] .cnc-mobile-lang,
    html[dir="rtl"] .cnc-mobile-lang__grid {
        direction: rtl;
        text-align: right;
    }

    html[dir="rtl"] .cnc-mobile-menu__nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[dir="rtl"] .cnc-mobile-menu__link {
        text-align: right;
        letter-spacing: 0;
    }

    html[dir="rtl"] .cnc-mobile-menu__social {
        direction: rtl;
        justify-content: center;
    }
}

@media (max-width: 767.98px) {
    html[dir="rtl"] .cnc-page .container-fluid.px-4.px-xxl-5 {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    html[dir="rtl"] .cnc-hero__title {
        font-size: clamp(34px, 10vw, 48px);
        line-height: 1.35;
    }

    html[dir="rtl"] .cnc-hero__eyebrow,
    html[dir="rtl"] .cnc-hero__desc {
        text-align: right;
    }

    html[dir="rtl"] .cnc-hero__button,
    html[dir="rtl"] .cnc-intro__cta {
        direction: rtl;
    }

    html[dir="rtl"] .cnc-hero__social {
        left: 22px;
        right: 22px;
        width: auto;
        justify-content: center;
    }

    html[dir="rtl"] .cnc-section-head__title,
    html[dir="rtl"] .cnc-vision__title,
    html[dir="rtl"] .cnc-mission__title,
    html[dir="rtl"] .cnc-growth__title,
    html[dir="rtl"] .cnc-participation__title,
    html[dir="rtl"] .cnc-core__title,
    html[dir="rtl"] .cnc-free__title,
    html[dir="rtl"] .cnc-empower__title {
        font-size: clamp(30px, 8.6vw, 42px);
        line-height: 1.35;
        letter-spacing: 0;
    }

    html[dir="rtl"] .cnc-engine-card__title,
    html[dir="rtl"] .cnc-growth-card__title,
    html[dir="rtl"] .cnc-participation-card__title,
    html[dir="rtl"] .cnc-scenario-card__title,
    html[dir="rtl"] .cnc-core-card__title,
    html[dir="rtl"] .cnc-free-card__title,
    html[dir="rtl"] .cnc-empower-card__title,
    html[dir="rtl"] .cnc-news-card__title {
        line-height: 1.45;
        letter-spacing: 0;
    }
}
