/* RTL overrides for Arabic locale */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .text-left {
    text-align: right;
}

html[dir="rtl"] .text-right {
    text-align: left;
}

/* Header */
html[dir="rtl"] #navContainer.header-container {
    width: calc(100% - 48px);
    max-width: none;
}

html[dir="rtl"] .header-nav-left {
    flex-direction: row;
    margin-right: 0;
    margin-left: 124px;
}

html[dir="rtl"] .header-nav-right {
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 124px;
}

@media (max-width: 1200px) and (min-width: 1025px) {
    html[dir="rtl"] #navContainer.header-container {
        width: calc(100% - 32px);
    }

    html[dir="rtl"] .header-nav-left {
        margin-left: 70px;
    }

    html[dir="rtl"] .header-nav-right {
        margin-right: 70px;
    }
}

html[dir="rtl"] .header-language-switcher {
    direction: ltr;
}

html[dir="rtl"] .mobile-header-actions {
    margin-left: 0;
    margin-right: 0;
}

html[dir="rtl"] .header-consultation-modal__close {
    right: auto;
    left: 18px;
}

html[dir="rtl"] .header-consultation-form__select {
    background-position:
        20px calc(50% - 3px),
        26px calc(50% - 3px);
}

html[dir="rtl"] input[type="tel"] {
    text-align: right;
}

html[dir="rtl"] input[type="tel"]::placeholder {
    text-align: right;
}

html[dir="rtl"] .rtl-directional-arrow {
    display: inline-block;
    transform: scaleX(-1);
    transform-origin: center;
}

html[dir="rtl"] .about-vision-section .about-vision-bullet {
    border-left: 0;
    border-right: 10px solid #d71920;
}

/* Footer */
html[dir="rtl"] .footer-brand-logo {
    margin-left: 0;
    margin-right: -40px;
}

html[dir="rtl"] .footer-contact-item {
    justify-content: flex-start;
    width: 100%;
}

html[dir="rtl"] .footer-contact-lines {
    width: auto;
    align-items: flex-end;
    text-align: right;
}

html[dir="rtl"] .footer-contact-text,
html[dir="rtl"] .footer-contact-text a,
html[dir="rtl"] .footer-contact-text--detail,
html[dir="rtl"] .footer-contact-text--detail a {
    text-align: right;
}

html[dir="rtl"] .footer-contact-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* WhatsApp float */
html[dir="rtl"] .phone-float,
html[dir="rtl"] .whatsapp-float {
    right: auto;
    left: 24px;
}

@media (max-width: 640px) {
    html[dir="rtl"] .phone-float,
    html[dir="rtl"] .whatsapp-float {
        left: 14px;
    }
}

/* Mobile menu */
html[dir="rtl"] #mobileMenu {
    transform: translateX(-100%);
    left: auto;
    right: 0;
}

html[dir="rtl"] #mobileMenu.translate-x-full {
    transform: translateX(-100%);
}

/* Dropdown panels */
html[dir="rtl"] .dropdown-panel {
    right: auto;
    left: 0;
}

/* Ticker */
html[dir="rtl"] .ticker-track {
    direction: ltr;
}

html[dir="rtl"] .faq-editorial-section .faq-editorial-content {
    margin-right: 0;
    margin-left: auto;
}

html[dir="rtl"] .faq-editorial-section .faq-editorial-group-title,
html[dir="rtl"] .faq-editorial-section .faq-editorial-question,
html[dir="rtl"] .faq-editorial-section .faq-editorial-answer {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .faq-editorial-section .faq-editorial-trigger {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .faq-editorial-section .faq-editorial-answer ul,
html[dir="rtl"] .faq-editorial-section .faq-editorial-answer ol {
    padding-right: 18px;
    padding-left: 0;
}

/* General spacing fixes */
html[dir="rtl"] .ml-auto {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .mr-auto {
    margin-right: 0;
    margin-left: auto;
}

@media (max-width: 1200px) and (min-width: 1025px) {
    html[dir="rtl"] .header-nav-left {
        margin-left: 70px;
    }

    html[dir="rtl"] .header-nav-right {
        margin-right: 70px;
    }
}

@media (max-width: 767px) {
    html[dir="rtl"] .footer-brand-logo {
        margin-right: -10px;
        margin-left: 0;
    }
}
