/* =====================================================
   RTL Styles — Arabic (ar) & Persian/Farsi (fa)
   ===================================================== */

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

/* --- Fonts --- */
html[lang="ar"] body {
    font-family: "Noto Naskh Arabic", "Arabic UI Text", Tahoma, Arial, sans-serif;
}

html[lang="fa"] body {
    font-family: "Vazirmatn", "Noto Naskh Arabic", Tahoma, Arial, sans-serif;
}

/* --- Inputs & Textareas --- */
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="fa"] input,
html[lang="fa"] textarea {
    direction: rtl;
    text-align: right;
}

/* --- Header --- */
html[lang="ar"] .header,
html[lang="fa"] .header {
    padding-left: 0;
    padding-right: 40px;
    right: 0;
    left: auto;
}

/* --- Page wrapper: form panel slides from left in RTL --- */
@media (max-width: 1200px) and  (min-width: 767px) {
    html[lang="ar"] .page-wrapper__right,
    html[lang="fa"] .page-wrapper__right {
        left: auto;
        right: -100%;
    }

    html[lang="ar"] .page-wrapper__right.active,
    html[lang="fa"] .page-wrapper__right.active {
        right: 0;
        left: auto;
    }
}


/* --- Show form button (mobile) --- */
html[lang="ar"] .show-form-btn,
html[lang="fa"] .show-form-btn {
    right: auto;
    left: 0;
    transform: rotate(0deg);
}

/* --- Social media sticky bar --- */
html[lang="ar"] .social-media-sticky,
html[lang="fa"] .social-media-sticky {
    left: auto;
    right: 0;
}

/* --- Full-slider pagination --- */
html[lang="ar"] .full-slider__pagination,
html[lang="fa"] .full-slider__pagination {
    padding-left: 0;
    padding-right: 40px;
    text-align: right;
}

/* --- Section background --- */
html[lang="ar"] .section::before,
html[lang="fa"] .section::before {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

html[lang="ar"] .section--bg-reverse::before,
html[lang="fa"] .section--bg-reverse::before {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

/* --- Container adjustments --- */
html[lang="ar"] .container--lg,
html[lang="fa"] .container--lg {
    padding-left: 0;
    padding-right: 78px;
}

html[lang="ar"] .container--pull-right,
html[lang="fa"] .container--pull-right {
    padding-right: 40px;
    padding-left: 0;
}

@media (max-width: 1200px) {
    html[lang="ar"] .container--lg,
    html[lang="fa"] .container--lg {
        padding-right: 15px;
    }

    html[lang="ar"] .container--pull-right,
    html[lang="fa"] .container--pull-right {
        padding-right: 15px;
    }
}

/* --- Landing form --- */
html[lang="ar"] .landing-form__title,
html[lang="fa"] .landing-form__title {
    text-align: right;
}

html[lang="ar"] .description_text,
html[lang="fa"] .description_text {
    text-align: right;
}

/* Close button */
html[lang="ar"] .landing-form__close-btn,
html[lang="fa"] .landing-form__close-btn {
    right: auto;
    left: 10%;
}

/* Privacy checkboxes */
html[lang="ar"] .landing-form__privacy label,
html[lang="fa"] .landing-form__privacy label {
    padding-left: 0;
    padding-right: 30px;
    text-align: right;
}

html[lang="ar"] .landing-form__privacy label::before,
html[lang="fa"] .landing-form__privacy label::before {
    left: auto;
    right: 0;
}

html[lang="ar"] .landing-form__privacy input[type="checkbox"]:checked + label::after,
html[lang="fa"] .landing-form__privacy input[type="checkbox"]:checked + label::after {
    left: auto;
    right: 4px;
}

/* --- intl-tel-input phone field: flag on right --- */
html[lang="ar"] .iti--allow-dropdown .iti__flag-container,
html[lang="fa"] .iti--allow-dropdown .iti__flag-container {
    right: 0;
    left: auto;
}

html[lang="ar"] .iti--allow-dropdown input,
html[lang="ar"] .iti--allow-dropdown input[type="tel"],
html[lang="fa"] .iti--allow-dropdown input,
html[lang="fa"] .iti--allow-dropdown input[type="tel"] {
    padding-right: 52px !important;
    padding-left: 20px !important;
}

html[lang="ar"] .countryCodeShow .countryCode,
html[lang="fa"] .countryCodeShow .countryCode {
    left: auto;
    right: 50px;
}

html[lang="ar"] .countryCodeShow .iti--allow-dropdown input,
html[lang="ar"] .countryCodeShow .iti--allow-dropdown input[type="tel"],
html[lang="fa"] .countryCodeShow .iti--allow-dropdown input,
html[lang="fa"] .countryCodeShow .iti--allow-dropdown input[type="tel"] {
    padding-right: 100px !important;
    padding-left: 0 !important;
}

/* --- Location section --- */
html[lang="ar"] .location__address,
html[lang="fa"] .location__address {
    padding: 60px 40px 20px 100px;
}

html[lang="ar"] .location__links a:first-child,
html[lang="fa"] .location__links a:first-child {
    border-right: none;
    border-left: 1px solid #e2e2e2;
}

/* --- Footer --- */
html[lang="ar"] .footer__wrapper,
html[lang="fa"] .footer__wrapper {
    flex-direction: row-reverse;
}

/* --- Opportunities pagination --- */
html[lang="ar"] .opportunities__pagination,
html[lang="fa"] .opportunities__pagination {
    padding-right: 0;
    padding-left: 40px;
}

/* --- Styled table: align text right --- */
html[lang="ar"] .styled-table th,
html[lang="ar"] .styled-table td,
html[lang="fa"] .styled-table th,
html[lang="fa"] .styled-table td {
    text-align: right;
}

/* --- Popup pages --- */
html[lang="ar"] .popup_page,
html[lang="fa"] .popup_page {
    direction: rtl;
    text-align: right;
}

html[lang="ar"] .popup_page ul,
html[lang="fa"] .popup_page ul {
    padding-left: 0;
    padding-right: 40px;
}