/* css/utilities/rtl.css */

/* Base RTL Font Adjustment */
[dir="rtl"] body {
    /* Use a premium Arabic font stack when in RTL mode */
    font-family: 'Tajawal', 'Inter', sans-serif;
}

/* Flip directional icons (e.g., arrows) */
[dir="rtl"] .icon-arrow,
[dir="rtl"] .btn-primary::after /* If you add arrow pseudo-elements later */ {
    transform: scaleX(-1);
}

/* Carousel Adjustments */
/* Ensure the scroll snap starts from the right in Arabic */
[dir="rtl"] .carousel-track {
    scroll-snap-type: x mandatory;
    /* Reverse the fade mask direction */
    -webkit-mask-image: linear-gradient(to left, transparent, black 5%, black 95%, transparent);
    mask-image: linear-gradient(to left, transparent, black 5%, black 95%, transparent);
}

/* Fix background positions if they are hardcoded */
[dir="rtl"] .bg-left {
    background-position: right center;
}
/* Chatbot floating button — mirrored for Arabic */
[dir="rtl"] .chatbot-float-btn {
    left: auto;
    right: var(--sp-4);
}

[dir="rtl"] .chatbot-float-btn__icon {
    background-image: url('../../images/icons/chatbot-ai-left.png');
}

@media (max-width: 480px) {
    [dir="rtl"] .chatbot-float-btn {
        right: var(--sp-2);
    }
}

@media (max-width: 480px) {
    [dir="rtl"] .chatbot-float-btn {
        right: var(--sp-2);
    }
}