/**
 * RTL (Right-to-Left) Styles
 * For Arabic and Hebrew languages
 */

/* Base RTL Settings */
html[dir="rtl"] body,
body[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Navigation */
html[dir="rtl"] .navbar-nav,
body[dir="rtl"] .navbar-nav {
    flex-direction: row-reverse;
}

html[dir="rtl"] .navbar-brand,
body[dir="rtl"] .navbar-brand {
    margin-right: 0;
    margin-left: 1rem;
}

html[dir="rtl"] .navbar-nav .nav-link,
body[dir="rtl"] .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* Navbar Menu Items Order - Right to Left with Language Picker Last (Left) */
html[dir="rtl"] .navbar-collapse,
body[dir="rtl"] .navbar-collapse {
    flex-direction: row-reverse;
}

html[dir="rtl"] #navbar-menu,
body[dir="rtl"] #navbar-menu {
    flex-direction: row-reverse;
}

html[dir="rtl"] .navbar-nav.ml-auto,
body[dir="rtl"] .navbar-nav.ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Header Navbar - ULTRA AGGRESSIVE Menu Order Reversal */
[dir="rtl"] ul.navbar-nav.header-navbar-nav,
html[dir="rtl"] ul.navbar-nav.header-navbar-nav,
body[dir="rtl"] ul.navbar-nav.header-navbar-nav,
[dir="rtl"] .navbar-nav.header-navbar-nav,
html[dir="rtl"] .navbar-nav.header-navbar-nav,
body[dir="rtl"] .navbar-nav.header-navbar-nav,
[dir="rtl"] .header-navbar-nav,
html[dir="rtl"] .header-navbar-nav,
body[dir="rtl"] .header-navbar-nav {
    flex-direction: row-reverse !important;
    display: flex !important;
}

/* Target with even more specificity */
[dir="rtl"] .nav-menu .navbar-nav.header-navbar-nav,
html[dir="rtl"] .nav-menu .navbar-nav.header-navbar-nav,
body[dir="rtl"] .nav-menu .navbar-nav.header-navbar-nav,
[dir="rtl"] .navbar-collapse .navbar-nav.header-navbar-nav,
html[dir="rtl"] .navbar-collapse .navbar-nav.header-navbar-nav,
body[dir="rtl"] .navbar-collapse .navbar-nav.header-navbar-nav {
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .navbar-collapse.justify-content-end,
body[dir="rtl"] .navbar-collapse.justify-content-end,
[dir="rtl"] .navbar-collapse.justify-content-end {
    justify-content: flex-start !important;
}

/* Force all nav items to reverse */
html[dir="rtl"] .header-navbar-nav li,
body[dir="rtl"] .header-navbar-nav li,
[dir="rtl"] .header-navbar-nav li {
    order: inherit;
}

/* Additional targeting for the specific navbar structure */
[dir="rtl"] .nav-menu.collapse.navbar-collapse .navbar-nav,
html[dir="rtl"] .nav-menu.collapse.navbar-collapse .navbar-nav,
body[dir="rtl"] .nav-menu.collapse.navbar-collapse .navbar-nav {
    flex-direction: row-reverse !important;
}

html[dir="rtl"] .mr-1, .mx-1,
body[dir="rtl"] .mr-1, .mx-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

html[dir="rtl"] .mr-2, .mx-2,
body[dir="rtl"] .mr-2, .mx-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

html[dir="rtl"] .mr-3, .mx-3,
body[dir="rtl"] .mr-3, .mx-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

html[dir="rtl"] .mr-4, .mx-4,
body[dir="rtl"] .mr-4, .mx-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

html[dir="rtl"] .mr-5, .mx-5,
body[dir="rtl"] .mr-5, .mx-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
}

html[dir="rtl"] .ml-0, .mx-0,
body[dir="rtl"] .ml-0, .mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html[dir="rtl"] .ml-1, .mx-1,
body[dir="rtl"] .ml-1, .mx-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

html[dir="rtl"] .ml-2, .mx-2,
body[dir="rtl"] .ml-2, .mx-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

html[dir="rtl"] .ml-3, .mx-3,
body[dir="rtl"] .ml-3, .mx-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

html[dir="rtl"] .ml-4, .mx-4,
body[dir="rtl"] .ml-4, .mx-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

html[dir="rtl"] .ml-5, .mx-5,
body[dir="rtl"] .ml-5, .mx-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

html[dir="rtl"] .ml-lg-5,
body[dir="rtl"] .ml-lg-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

/* Padding */
html[dir="rtl"] .pr-1, .px-1,
body[dir="rtl"] .pr-1, .px-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
}

html[dir="rtl"] .pr-3, .px-3,
body[dir="rtl"] .pr-3, .px-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

html[dir="rtl"] .pr-5, .px-5,
body[dir="rtl"] .pr-5, .px-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

html[dir="rtl"] .pr-6, .px-6,
body[dir="rtl"] .pr-6, .px-6 {
    padding-right: 0 !important;
    padding-left: 4rem !important;
}

html[dir="rtl"] .pl-1, .px-1,
body[dir="rtl"] .pl-1, .px-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
}

html[dir="rtl"] .pl-3, .px-3,
body[dir="rtl"] .pl-3, .px-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

html[dir="rtl"] .pl-5, .px-5,
body[dir="rtl"] .pl-5, .px-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

html[dir="rtl"] .pl-lg-6,
body[dir="rtl"] .pl-lg-6 {
    padding-left: 0 !important;
    padding-right: 4rem !important;
}

/* Text Alignment */
html[dir="rtl"] .text-left,
body[dir="rtl"] .text-left {
    text-align: right !important;
}

html[dir="rtl"] .text-right,
body[dir="rtl"] .text-right {
    text-align: left !important;
}

html[dir="rtl"] .text-sm-right,
body[dir="rtl"] .text-sm-right {
    text-align: left !important;
}

html[dir="rtl"] .text-sm-left,
body[dir="rtl"] .text-sm-left {
    text-align: right !important;
}

/* Float */
html[dir="rtl"] .float-right,
body[dir="rtl"] .float-right {
    float: left !important;
}

html[dir="rtl"] .float-left,
body[dir="rtl"] .float-left {
    float: right !important;
}

/* Media Objects */
html[dir="rtl"] .media,
body[dir="rtl"] .media {
    flex-direction: row-reverse;
}

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

/* App Section - Force Icon Alignment */
html[dir="rtl"] .media span.mr-3,
body[dir="rtl"] .media span.mr-3,
html[dir="rtl"] .media span.p-2.mr-3,
body[dir="rtl"] .media span.p-2.mr-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

/* Download Buttons - Force RTL Alignment */
html[dir="rtl"] .btn .mr-2,
body[dir="rtl"] .btn .mr-2,
html[dir="rtl"] .btn i.mr-2,
body[dir="rtl"] .btn i.mr-2,
html[dir="rtl"] .btn .fa-apple.mr-2,
body[dir="rtl"] .btn .fa-apple.mr-2,
html[dir="rtl"] .btn .fa-google-play.mr-2,
body[dir="rtl"] .btn .fa-google-play.mr-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

html[dir="rtl"] .btn .text-left,
body[dir="rtl"] .btn .text-left,
html[dir="rtl"] .btn div.text-left,
body[dir="rtl"] .btn div.text-left {
    text-align: right !important;
}

html[dir="rtl"] .btn.mr-sm-3,
body[dir="rtl"] .btn.mr-sm-3 {
    margin-right: 0 !important;
}

@media (min-width: 576px) {
    html[dir="rtl"] .btn.mr-sm-3,
    body[dir="rtl"] .btn.mr-sm-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }
}

/* Forms */
html[dir="rtl"] .form-control,
body[dir="rtl"] .form-control {
    text-align: right;
}

/* Dropdown */
html[dir="rtl"] .dropdown-menu,
body[dir="rtl"] .dropdown-menu {
    right: auto;
    left: 0;
    text-align: right;
}

/* Lists */
html[dir="rtl"] .list-inline,
body[dir="rtl"] .list-inline {
    padding-right: 0;
    padding-left: 0;
}

html[dir="rtl"] .list-inline-item,
body[dir="rtl"] .list-inline-item {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Shadows and Borders */
html[dir="rtl"] .border-left,
body[dir="rtl"] .border-left {
    border-left: 0 !important;
    border-right: 1px solid #dee2e6 !important;
}

html[dir="rtl"] .border-right,
body[dir="rtl"] .border-right {
    border-right: 0 !important;
    border-left: 1px solid #dee2e6 !important;
}

/* Custom Classes */
html[dir="rtl"] .scroll-to-top,
body[dir="rtl"] .scroll-to-top {
    right: auto;
    left: 30px;
}

@media (max-width: 768px) {
    html[dir="rtl"] .scroll-to-top,
    body[dir="rtl"] .scroll-to-top {
        left: 20px;
    }
}

/* Language Switcher Dropdown */
html[dir="rtl"] .dropdown-toggle::after,
body[dir="rtl"] .dropdown-toggle::after {
    margin-left: 0;
    margin-right: 0.255em;
}

/* Carousel/Owl Carousel */
html[dir="rtl"] .owl-carousel,
body[dir="rtl"] .owl-carousel {
    direction: ltr;
}

html[dir="rtl"] .owl-carousel .owl-item,
body[dir="rtl"] .owl-carousel .owl-item {
    direction: rtl;
}

/* Navbar Toggle */
html[dir="rtl"] .navbar-toggler,
body[dir="rtl"] .navbar-toggler {
    margin-left: 0;
    margin-right: auto;
}

/* Contact Icons */
html[dir="rtl"] .contact-icon,
body[dir="rtl"] .contact-icon {
    margin-right: 0;
    margin-left: 1rem;
}

/* Contact Section - Force Icon on Right, Text on Left */
html[dir="rtl"] .contact-icon.mr-3,
body[dir="rtl"] .contact-icon.mr-3,
[dir="rtl"] .contact-icon.mr-3,
html[dir="rtl"] span.contact-icon.mr-3,
body[dir="rtl"] span.contact-icon.mr-3,
[dir="rtl"] span.contact-icon.mr-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

html[dir="rtl"] span.contact-icon.shadow-inner.rounded-circle.p-2.mr-3,
body[dir="rtl"] span.contact-icon.shadow-inner.rounded-circle.p-2.mr-3,
[dir="rtl"] span.contact-icon.shadow-inner.rounded-circle.p-2.mr-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

/* Service Steps */
html[dir="rtl"] .services-steps,
body[dir="rtl"] .services-steps {
    flex-direction: row-reverse;
}

/* Input Group */
html[dir="rtl"] .input-group-append,
body[dir="rtl"] .input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

html[dir="rtl"] .input-group > .form-control:not(:last-child),
body[dir="rtl"] .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

html[dir="rtl"] .input-group > .input-group-append > .btn,
body[dir="rtl"] .input-group > .input-group-append > .btn {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Offsets */
html[dir="rtl"] .offset-1,
body[dir="rtl"] .offset-1 {
    margin-left: 0;
    margin-right: 8.333333%;
}

html[dir="rtl"] .offset-2,
body[dir="rtl"] .offset-2 {
    margin-left: 0;
    margin-right: 16.666667%;
}

html[dir="rtl"] .offset-lg-1,
body[dir="rtl"] .offset-lg-1 {
    margin-left: 0;
    margin-right: 8.333333%;
}

/* Align Items */
html[dir="rtl"] .align-items-end,
body[dir="rtl"] .align-items-end {
    align-items: flex-start !important;
}

html[dir="rtl"] .align-items-start,
body[dir="rtl"] .align-items-start {
    align-items: flex-end !important;
}

html[dir="rtl"] .align-self-end,
body[dir="rtl"] .align-self-end {
    align-self: flex-start !important;
}

html[dir="rtl"] .align-self-start,
body[dir="rtl"] .align-self-start {
    align-self: flex-end !important;
}

/* Justify Content */
html[dir="rtl"] .justify-content-end,
body[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

html[dir="rtl"] .justify-content-start,
body[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}
