/* =============================================
   JO.QUS TRAVEL WEBSITE - RTL OVERRIDES
   Applied only when lang="ar" and dir="rtl"
   ============================================= */

/* ----- Base RTL ----- */
[dir="rtl"] body {
    text-align: right;
    font-family: 'Noto Sans Arabic', 'Montserrat', sans-serif!important;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] .header__logo,
[dir="rtl"] .footer__logo {
    font-family: 'Noto Sans Arabic', 'Playfair Display', serif;
}

/* ----- Header RTL ----- */
[dir="rtl"] .header__container {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .header__nav-list {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .header__actions {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .header__cta {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .header__cta img {
    transform: scaleX(-1);
}

/* ----- Hero Section RTL ----- */
[dir="rtl"] .hero__overlay {
    background: linear-gradient(270deg, rgba(11, 46, 89, 0.8) 0%, rgba(11, 46, 89, 0) 100%);
}

[dir="rtl"] .hero__content {
    margin-left: auto;
    margin-right: calc((100vw - 1200px) / 2);
    text-align: right;
}

@media (max-width: 1240px) {
    [dir="rtl"] .hero__content {
        margin-left: auto;
        margin-right: 40px;
    }
}

[dir="rtl"] .hero__buttons {
    /* flex-direction: row-reverse; */
    /* justify-content: flex-end; */
}

[dir="rtl"] .btn--outline-gold {
    /* flex-direction: row-reverse; */
}

/* ----- About Section RTL ----- */
[dir="rtl"] .about__container {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .about__image-blob {
    left: 24px;
    right: -24px;
}

[dir="rtl"] .about__stats {
    justify-content: flex-start;
}

/* ----- Services Section RTL ----- */
[dir="rtl"] .services__header {
    text-align: center;
}

/* ----- Destinations Section RTL ----- */
[dir="rtl"] .destinations__header {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .destinations__header-left {
    text-align: right;
}

[dir="rtl"] .destinations__view-all {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .destinations__view-all img {
    transform: scaleX(-1);
}

[dir="rtl"] .destinations__grid {
    direction: rtl;
}

[dir="rtl"] .destinations__card-content {
    text-align: right;
}

/* ----- Wellness Section RTL ----- */
[dir="rtl"] .wellness__container {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .wellness__pattern {
    right: auto;
    left: 0;
}

[dir="rtl"] .wellness__feature {
    /* flex-direction: row-reverse; */
    text-align: right;
}

[dir="rtl"] .wellness__image-blob {
    left: auto;
    right: -32px;
}

/* ----- Advantages Section RTL ----- */
[dir="rtl"] .advantages__heading {
    text-align: center;
}

/* ----- Contact Section RTL ----- */
[dir="rtl"] .contact__container {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .contact__info {
    text-align: right;
}

[dir="rtl"] .contact__item {
    /* flex-direction: row-reverse; */
    text-align: right;
}

[dir="rtl"] .contact__form-label {
    text-align: right;
}

[dir="rtl"] .contact__form-input {
    text-align: right;
}

[dir="rtl"] .contact__form-select {
    padding-right: 0;
    padding-left: 32px;
}

[dir="rtl"] .contact__form-select-icon {
    right: auto;
    left: 0;
}

/* ----- Footer RTL ----- */
[dir="rtl"] .footer__container {
    /* flex-direction: row-reverse; */
}

[dir="rtl"] .footer__links {
    /* flex-direction: row-reverse; */
}

/* ----- Language Switcher RTL ----- */
[dir="rtl"] .header__lang {
    order: 0;
}

/* ----- Responsive RTL Overrides ----- */
@media (max-width: 991.98px) {
    [dir="rtl"] .header__container {
        /* flex-direction: row-reverse; */
    }

    [dir="rtl"] .header__nav-list {
        flex-direction: column;
        /* align-items: flex-end; */
    }

    [dir="rtl"] .about__container {
        flex-direction: column;
    }

    [dir="rtl"] .wellness__container {
        flex-direction: column;
    }

    [dir="rtl"] .contact__container {
        flex-direction: column;
    }

    [dir="rtl"] .destinations__header {
        /* flex-direction: row-reverse; */
    }

    [dir="rtl"] .footer__container {
        flex-direction: column;
        text-align: center;
    }

    [dir="rtl"] .footer__links {
        justify-content: center;
        /* flex-direction: row-reverse; */
    }
}

@media (max-width: 767.98px) {
    [dir="rtl"] .hero__content {
        margin-right: 16px;
        margin-left: auto;
        padding: 0 16px;
    }

    [dir="rtl"] .hero__buttons {
        flex-direction: column;
        /* align-items: flex-end; */
    }

    [dir="rtl"] .destinations__header {
        flex-direction: column;
        /* align-items: flex-end; */
    }
}