/* rtl.css — RTL fixes for Hebrew/Arabic layouts
   Подключать только когда is_rtl() === true
*/

html[dir="rtl"],
body {
    direction: rtl;
    text-align: right;
}

/* Base text */
body {
    font-family: 'Open Sans Hebrew Condensed', sans-serif;
}

a,
button,
input,
textarea,
select {
    font-family: inherit;
}

/* Keep media/swiper mechanics LTR, but content inside slides RTL */
swiper-container,
swiper-slide,
.swiper,
.swiper-wrapper {
    direction: ltr;
}

swiper-slide > *,
.swiper-slide > * {
    direction: rtl;
}

/* Floating WhatsApp */
.whatsapp-btn {
    right: auto;
    left: 30px;
}

span.arrow, .contactUs__btn svg {
    transform: rotate(180deg);
}

/* Reveal animation mirrored */
.reveal-flip {
    transform: perspective(1500px) skewY(-15deg) translateX(80px) scale(0.9);
    transform-origin: right center;
}

.reveal-flip.element-show {
    transform: perspective(1500px) skewY(0deg) translateX(0) scale(1);
}

/* Hero quote icons */
.quote-icon--left {
    left: auto;
    right: -77px;
}

.quote-icon--right {
    right: auto;
    left: -77px;
}

/* Buttons/icons with arrows */
.hero__button,
.use-cases-card-title,
.card-title,
.station__hero,
.intro__wrapper,
.testimonials__wrapper,
.gallery__wrapper,
.videos__wrapper,
.faq__wrapper,
.contactUs__wrapper {
    direction: rtl;
}

.hero__button svg,
.slider-arrow--left svg,
.slider-arrow--right svg,
.testimonials-arrow svg,
.galerry-arrow svg,
.videos-arrow svg,
.use-cases-card-icon--arrow {
    transform: rotate(180deg);
}

/* Station slider */
.slider-container {
    direction: ltr;
}

.slider-card {
    direction: rtl;
}

.slider-card__info {
    text-align: right;
}

.slider-card__image {
    padding-right: 0;
    padding-left: 69px;
}

.slider-card__title,
.slider-card__text {
    text-align: right;
}

/* Thumbs */
.thumbs-wrapper {
    direction: rtl;
}

/* Testimonials */
.testimonial-card {
    text-align: right;
}

.testimonial-avatar {
    margin-right: 0;
    margin-left: auto;
}

/* FAQ */
.faq__question {
    text-align: right;
}

.faq__answer-content {
    padding: 0 108px 40px 40px;
}

.faq__question {
    flex-direction: row;
}

/* Map markers/tooltips: keep coordinates as-is */
.map,
.map__wrapper {
    direction: ltr;
}

.map-marker__tooltip,
.map-marker__number {
    direction: rtl;
}

/* Contact section */
.contactUs__container {
    direction: rtl;
}

.contactUs__form,
.contactUs__info {
    direction: rtl;
}

.contactUs__input,
.contactUs__textarea {
    text-align: right;
}

.contactUs__info-item {
    direction: rtl;
}

.contactUs__info-item p,
.contactUs__info-item a {
    text-align: right;
}

/* Footer */
.footer__wrapper,
.footer__socials {
    direction: rtl;
}

/* Fancybox RTL */
.fancybox__container {
    direction: rtl;
}

.fancybox__slide {
    direction: rtl;
}

/* Mobile / tablet fixes */
@media (max-width: 1400px) {
    .quote-icon--left {
        left: auto;
        right: -55px;
    }

    .quote-icon--right {
        right: auto;
        left: -55px;
    }

    .slider-card__image {
        padding-right: 0;
        padding-left: 40px;
    }

    .testimonial-card {
        text-align: center;
    }

    .faq__answer-content {
        padding: 0 84px 30px 30px;
    }
}

@media (max-width: 768px) {
    .whatsapp-btn {
        right: auto;
        left: 20px;
    }

    .fancybox__slide .fancybox__content .f-button.is-close-btn,
    .fancybox__toolbar .f-button[data-fancybox-close] {
        right: auto !important;
        left: 10px !important;
    }

    .fancybox__nav .f-button.is-next,
    .fancybox__carousel .f-button.is-next {
        right: auto !important;
        left: 5px !important;
    }

    .fancybox__nav .f-button.is-prev,
    .fancybox__carousel .f-button.is-prev {
        left: auto !important;
        right: 5px !important;
    }

    .slider-card {
        text-align: center;
    }

    .swiper-slide-next .slider-card {
        transform: translateX(10%) !important;
    }

    .slider-card__image {
        padding-left: 0;
    }

    .testimonial-card {
        text-align: center;
    }

    .testimonial-avatar {
        margin-left: auto;
        margin-right: auto;
    }

    .contactUs__info {
        text-align: center;
    }

    .contactUs__info-item {
        justify-content: center;
    }

    .footer__wrapper {
        text-align: center;
    }
}