/* RTL overrides for nav/menu and layout */
html[dir="rtl"], [dir="rtl"] {
    direction: rtl !important;
}

/* Nav layout */
.rtl-nav .inner-nav > ul {
    flex-direction: row !important;
}

.rtl-nav .inner-nav > ul.clearlist {
    flex-direction: row-reverse !important;
}

.rtl-nav .inner-nav > ul.items-end{
    position: absolute;
    top: 0;
    left: 0 !important;
    right: auto !important;
    z-index: 1100; /* keep language dropdown off the logo */
    display: flex;
    align-items: center;
}
.rtl-nav .inner-nav > ul.items-end li {
    margin: 0 10px;
}
.rtl-nav .inner-nav > ul.items-end .mn-has-sub {
    padding-right: 12px;
    padding-left: 0;
}
.rtl-nav .inner-nav > ul.items-end .mn-sub {
    left: auto !important;
    right: 0 !important;
}
@media (max-width: 1024px) {
    .rtl-nav .inner-nav > ul.items-end{
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .rtl-nav .inner-nav > ul.items-end li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .rtl-nav .inner-nav > ul.items-end .mn-has-sub {
        display: block !important;
        width: 100% !important;
        padding: 15px 10px !important;
        text-align: right !important;
    }
    .rtl-nav .inner-nav > ul.items-end .mn-sub {
        position: relative !important;
        width: 100% !important;
        left: auto !important;
        right: auto !important;
        border: none !important;
    }
}

.rtl-nav .nav-logo-wrap{
    left: auto !important;
    right: 0 !important;
}

/* Menu items spacing mirrored */
.rtl-nav .inner-nav ul li{
    margin: 0 18px;
}

/* Dropdowns: mirror positions */
.rtl-nav .mn-sub{
    left: auto !important;
    right: 0 !important;
}

.rtl-nav .inner-nav li .mn-sub.to-left{
    left: 0 !important;
    right: auto !important;
}

/* Nested submenus */
.inner-nav li .mn-sub li ul{
    left: auto !important;
    right: 100% !important;
    border-left: none !important;
    border-right: 1px solid rgba(255,255,255, .07) !important;
}

/* Text alignment for menu items */
.inner-nav ul li .mn-sub li a,
.inner-nav > ul > li > a{
    text-align: right !important;
}

/* Chevron/icon direction */
.inner-nav .mi-chevron-down{ margin-right: -0.19em !important; margin-left: 0 !important; }
.mi-chevron-right{ transform: rotate(180deg); }

/* Utilities adjustments already present inline might be duplicated here */
.text-end{ text-align: left !important; }
.text-start{ text-align: right !important; }

/* Ensure mobile menu still works */
@media (max-width: 1024px) {
    .mobile-on .inner-nav > ul {
        flex-direction: column !important;
    }
    .rtl-nav .inner-nav > ul.clearlist {
        flex-direction: column !important;
    }
    .rtl-nav .inner-nav ul li a {
        text-align: right !important;
    }
}

/* Small tweaks */
.contact-2-icon { margin-left: 20px !important; margin-right: 0 !important; }

/* Force Tajawal for Arabic if not applied inline */
body[dir="rtl"], body[dir="rtl"] *{
    font-family: 'Tajawal', sans-serif !important;
}

/* RTL marquee direction and spacing */
html[dir="rtl"] .marquee,
[dir="rtl"] .marquee {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] .marquee-track > div,
[dir="rtl"] .marquee-track > div {
    padding-left: 0.7em !important;
    padding-right: 0 !important;
    text-align: right !important;
}

html[dir="rtl"] .marquee-animation-3,
[dir="rtl"] .marquee-animation-3 {
    animation-name: marquee-animation-3-rtl !important;
    animation-direction: normal !important;
}

@keyframes marquee-animation-3-rtl {
  0%{
      transform: translate3d(0,0,0);
  }
  100%{
      transform: translate3d(50%,0,0);
  }
}