/* RTL Custom Styles */

/* Direction */
[dir="rtl"] {
    direction: rtl;
}

/* Reset Bootstrap utility classes for RTL */
[dir="rtl"] .me-1 { margin-right: 0.25rem !important; margin-left: unset !important; }
[dir="rtl"] .me-2 { margin-right: 0.5rem !important; margin-left: unset !important; }
[dir="rtl"] .me-3 { margin-right: 1rem !important; margin-left: unset !important; }
[dir="rtl"] .me-4 { margin-right: 1.5rem !important; margin-left: unset !important; }
[dir="rtl"] .me-5 { margin-right: 3rem !important; margin-left: unset !important; }

[dir="rtl"] .ms-1 { margin-left: 0.25rem !important; margin-right: unset !important; }
[dir="rtl"] .ms-2 { margin-left: 0.5rem !important; margin-right: unset !important; }
[dir="rtl"] .ms-3 { margin-left: 1rem !important; margin-right: unset !important; }
[dir="rtl"] .ms-4 { margin-left: 1.5rem !important; margin-right: unset !important; }
[dir="rtl"] .ms-5 { margin-left: 3rem !important; margin-right: unset !important; }

[dir="rtl"] .pe-1 { padding-right: 0.25rem !important; padding-left: unset !important; }
[dir="rtl"] .pe-2 { padding-right: 0.5rem !important; padding-left: unset !important; }
[dir="rtl"] .pe-3 { padding-right: 1rem !important; padding-left: unset !important; }
[dir="rtl"] .pe-4 { padding-right: 1.5rem !important; padding-left: unset !important; }

[dir="rtl"] .ps-1 { padding-left: 0.25rem !important; padding-right: unset !important; }
[dir="rtl"] .ps-2 { padding-left: 0.5rem !important; padding-right: unset !important; }
[dir="rtl"] .ps-3 { padding-left: 1rem !important; padding-right: unset !important; }
[dir="rtl"] .ps-4 { padding-left: 1.5rem !important; padding-right: unset !important; }

/* Text alignment */
[dir="rtl"] .text-start { text-align: right !important; }
[dir="rtl"] .text-end { text-align: left !important; }

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

/* List styles */
[dir="rtl"] ul, [dir="rtl"] ol {
    padding-right: 0;
    padding-left: 1.5rem;
}

/* Dropdown menu */
[dir="rtl"] .dropdown-menu {
    text-align: right;
}

/* Cards */
[dir="rtl"] .card {
    text-align: right;
}

/* Buttons */
[dir="rtl"] .btn {
    text-align: center;
}

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

/* Navbar */
[dir="rtl"] .navbar-nav {
    text-align: right;
}

/* Tables */
[dir="rtl"] table {
    direction: rtl;
    text-align: right;
}

/* Icons */
[dir="rtl"] i.isax-arrow-right-3:before {
    transform: rotate(180deg);
    display: inline-block;
}

[dir="rtl"] i.isax-arrow-left-2:before {
    transform: rotate(180deg);
    display: inline-block;
}

/* Header */
[dir="rtl"] .header-logo {
    float: right !important;
}

[dir="rtl"] .header-menu {
    float: left !important;
}

[dir="rtl"] .header-btn {
    float: left !important;
}

/* Flex utilities */
[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

/* Border radius */
[dir="rtl"] .rounded-end {
    border-radius: 0.375rem 0 0 0.375rem !important;
}

[dir="rtl"] .rounded-start {
    border-radius: 0 0.375rem 0.375rem 0 !important;
}

/* Carousel */
[dir="rtl"] .owl-carousel .owl-stage-outer {
    direction: ltr;
}

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

#mobile-menu {
    margin-right: 20rem;
}

/* Mobile Menu Centering */
#mobile-menu .main-nav {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin: 0;
    padding: 0;
}

#mobile-menu .main-nav li {
    display: inline-block;
    text-align: center;
    list-style: none;
}

#mobile-menu .main-nav li a {
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

/* Desktop Navbar Centering */
.header-nav .main-menu-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Center the navbar logo */
.navbar-logo {
    flex: 0 0 auto;
}

/* Center the mobile menu navigation */
#mobile-menu {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Ensure header buttons are properly spaced */
.header-btn {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}