/*
 * Arabic / RTL layer — loaded last, only when <html dir="rtl">.
 *
 * style.rtl.css and custom.rtl.css are generated mirrors of style.css and
 * custom.css (npx rtlcss style.css style.rtl.css). Regenerate them whenever
 * the LTR files change. This file holds the hand-written Arabic typography
 * and the corrections the automatic flip cannot know about.
 */

/* ---------- Typography: Cairo for Arabic, existing fonts stay for English ---------- */
:root {
    --font-primary: 'Cairo', 'Rajdhani', sans-serif;
    --font-secondary: 'Cairo', 'Rubik', sans-serif;
}

html[dir="rtl"] body,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] button {
    font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] body {
    line-height: 1.85;
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .title {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none;
}

html[dir="rtl"] .subtitle,
html[dir="rtl"] .sub-title,
html[dir="rtl"] .tmp-btn,
html[dir="rtl"] .btn-text,
html[dir="rtl"] .tmp-mainmenu a {
    letter-spacing: 0;
    text-transform: none;
    font-family: 'Cairo', sans-serif;
}

html[dir="rtl"] .banner-one-main-wrapper .inner .title {
    font-size: clamp(34px, 5vw, 60px);
    line-height: 1.4;
}

html[dir="rtl"] .section-head .title {
    font-size: clamp(28px, 3.6vw, 44px);
}

html[dir="rtl"] .breadcrumb-inner .title {
    font-size: clamp(30px, 4vw, 48px);
}

html[dir="rtl"] p,
html[dir="rtl"] .description,
html[dir="rtl"] .service-para,
html[dir="rtl"] .disc {
    line-height: 1.9;
}

/* Phone numbers, emails and URLs stay left-to-right inside Arabic text. */
html[dir="rtl"] a[href^="mailto:"],
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"] {
    direction: ltr;
    unicode-bidi: plaintext;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"] {
    text-align: right;
}

/* ---------- Icons: mirror directional arrows only ---------- */
html[dir="rtl"] .btn-icon .fa-arrow-right,
html[dir="rtl"] .tmp-breadcrumb-item + .icon i,
html[dir="rtl"] .page-list .icon i,
html[dir="rtl"] .service-icon i,
html[dir="rtl"] .custom-select-toggle .fa-chevron-down {
    display: inline-block;
}

html[dir="rtl"] .btn-icon .fa-arrow-right,
html[dir="rtl"] .page-list .icon i,
html[dir="rtl"] .service-icon i,
html[dir="rtl"] .fa-sharp.fa-arrow-right {
    transform: scaleX(-1);
}

/* English fallback text inside an Arabic page keeps its own direction and punctuation. */
html[dir="rtl"] p,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] li,
html[dir="rtl"] .project-details-info {
    unicode-bidi: plaintext;
}