/* ================================================
   Arabic RTL Stylesheet
   ================================================ */

/* Arabic Font */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700&display=swap');

body[dir="rtl"] {
    font-family: 'Cairo', 'Work Sans', sans-serif;
    direction: rtl;
    text-align: right;
}

/* ================================================
   Typography & Text Alignment
   ================================================ */
[dir="rtl"] .text-start {
    text-align: right !important;
}

[dir="rtl"] .text-end {
    text-align: left !important;
}

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

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

/* ================================================
   Padding & Margin Reversals
   ================================================ */
/* Padding Start/End */
[dir="rtl"] .ps-0 { padding-right: 0 !important; padding-left: initial; }
[dir="rtl"] .ps-1 { padding-right: 0.25rem !important; padding-left: initial; }
[dir="rtl"] .ps-2 { padding-right: 0.5rem !important; padding-left: initial; }
[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: initial; }
[dir="rtl"] .ps-4 { padding-right: 1.5rem !important; padding-left: initial; }
[dir="rtl"] .ps-5 { padding-right: 3rem !important; padding-left: initial; }

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

/* Margin Start/End */
[dir="rtl"] .ms-0 { margin-right: 0 !important; margin-left: initial; }
[dir="rtl"] .ms-1 { margin-right: 0.25rem !important; margin-left: initial; }
[dir="rtl"] .ms-2 { margin-right: 0.5rem !important; margin-left: initial; }
[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: initial; }
[dir="rtl"] .ms-4 { margin-right: 1.5rem !important; margin-left: initial; }
[dir="rtl"] .ms-5 { margin-right: 3rem !important; margin-left: initial; }
[dir="rtl"] .ms-auto { margin-right: auto !important; margin-left: initial; }

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

/* ================================================
   Border Reversals
   ================================================ */
[dir="rtl"] .border-start {
    border-right: 1px solid #dee2e6 !important;
    border-left: 0 !important;
}

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

[dir="rtl"] .border-start-0 {
    border-right: 0 !important;
}

[dir="rtl"] .border-end-0 {
    border-left: 0 !important;
}

/* ================================================
   Border Radius Reversals
   ================================================ */
[dir="rtl"] .rounded-start {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

[dir="rtl"] .rounded-end {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* ================================================
   Lists & Ordered Lists
   ================================================ */
[dir="rtl"] ol,
[dir="rtl"] ul {
    padding-right: 2rem;
    padding-left: 0;
}

[dir="rtl"] .list-unstyled {
    padding-right: 0;
}

[dir="rtl"] .list-inline-item:not(:last-child) {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

[dir="rtl"] .dropdown-menu-start {
    right: 0;
    left: auto;
}

[dir="rtl"] .dropdown-menu-end {
    right: auto;
    left: 0;
}

/* ================================================
   Navigation & Site Nav
   ================================================ */

/* The nav container is locked to direction:ltr so the logo stays
   left and the menu stays right. Restore RTL inside the menu so
   Arabic link text and dropdowns render correctly. */
[dir="rtl"] .site-nav .site-navigation .site-menu {
    direction: rtl;
}

/* RTL item order — right to left: User → Home → Properties → Residence → Language */
[dir="rtl"] .site-nav .site-navigation .site-menu .nav-item-user       { order: 1; }
[dir="rtl"] .site-nav .site-navigation .site-menu .nav-item-login      { order: 1; }
[dir="rtl"] .site-nav .site-navigation .site-menu .nav-item-register   { order: 2; }
[dir="rtl"] .site-nav .site-navigation .site-menu .nav-item-home       { order: 3; }
[dir="rtl"] .site-nav .site-navigation .site-menu .nav-item-properties { order: 4; }
[dir="rtl"] .site-nav .site-navigation .site-menu .nav-item-residence  { order: 5; }
[dir="rtl"] .site-nav .site-navigation .site-menu .nav-item-language   { order: 6; }

[dir="rtl"] .site-nav .site-navigation .site-menu > li > a {
    padding: 10px 15px;
}

[dir="rtl"] .site-nav .site-navigation .site-menu .has-children > a {
    padding-right: 15px;
    padding-left: 20px;
}

[dir="rtl"] .site-nav .site-navigation .site-menu .has-children > a:before {
    right: auto;
    left: 0;
}

[dir="rtl"] .site-nav .site-navigation .site-menu .has-children .dropdown {
    direction: rtl;
    margin-right: 0px;
    margin-left: 0px;
    text-align: right;
}

[dir="rtl"] .site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
    right: auto;
    left: 20px;
    content: "\e314";
}

[dir="rtl"] .site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,
[dir="rtl"] .site-nav .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
    left: auto;
    right: 100%;
}

/* ================================================
   Mobile Menu
   ================================================ */
[dir="rtl"] .site-mobile-menu {
    right: auto;
    left: 0;
    transform: translateX(-100%);
}

[dir="rtl"] .offcanvas-menu .site-mobile-menu {
    transform: translateX(0%);
    box-shadow: 10px 0 20px -10px rgba(0, 0, 0, 0.1);
}

[dir="rtl"] .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: left;
}

[dir="rtl"] .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: right;
    margin-right: 0px;
    margin-left: 0px;
}

[dir="rtl"] .site-mobile-menu .site-nav-wrap .arrow-collapse {
    right: auto;
    left: 0px;
}

[dir="rtl"] .site-mobile-menu .site-nav-wrap > li > a {
    padding-right: 20px;
    padding-left: 15px;
}

[dir="rtl"] .site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-right: 40px;
    padding-left: 15px;
}

[dir="rtl"] .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    padding-right: 60px;
    padding-left: 15px;
}

/* ================================================
   Burger Menu
   ================================================ */
[dir="rtl"] .burger {
    float: left;
}

/* ================================================
   Hero Slider Navigation
   ================================================ */
[dir="rtl"] .hero-slider-wrap .tns-nav {
    right: auto;
    left: 20px;
}

[dir="rtl"] #hero-nav .prev {
    right: auto;
    left: 60px;
    transform: scaleX(-1);
}

[dir="rtl"] #hero-nav .next {
    right: auto;
    left: 20px;
    transform: scaleX(-1);
}

/* ================================================
   Property Slider Navigation
   ================================================ */
[dir="rtl"] #property-nav .prev {
    left: auto;
    right: 0;
    transform: scaleX(-1);
}

[dir="rtl"] #property-nav .next {
    right: auto;
    left: 0;
    transform: scaleX(-1);
}

/* ================================================
   Forms & Inputs
   ================================================ */
[dir="rtl"] .form-control {
    text-align: right;
    padding-right: 15px;
    padding-left: 15px;
}

[dir="rtl"] .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

[dir="rtl"] .form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

[dir="rtl"] .form-select {
    background-position: left 0.75rem center;
    padding-right: 0.75rem;
    padding-left: 2.25rem;
}

/* ================================================
   Breadcrumb
   ================================================ */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: 0;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    float: right;
    padding-left: 0.5rem;
    padding-right: 0;
    content: "\\";
}

/* ================================================
   Alerts
   ================================================ */
[dir="rtl"] .alert-dismissible {
    padding-left: 3rem;
    padding-right: 1rem;
}

[dir="rtl"] .alert-dismissible .btn-close {
    left: 0;
    right: auto;
}

/* ================================================
   Modal
   ================================================ */
[dir="rtl"] .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* ================================================
   Toast
   ================================================ */
[dir="rtl"] .toast-header .btn-close {
    margin-left: -0.375rem;
    margin-right: 0.75rem;
}

/* ================================================
   Property Item
   ================================================ */
[dir="rtl"] .property-item .property-content {
    text-align: right;
}

/* ================================================
   Feature Box
   ================================================ */
[dir="rtl"] .feature-h .wrap-icon {
    float: right;
}

[dir="rtl"] .feature-h .feature-text {
    text-align: right;
}

[dir="rtl"] .feature-h .feature-text .heading {
    padding: 0 60px 0 0;
}

/* ================================================
   Box Feature
   ================================================ */
[dir="rtl"] .box-feature {
    text-align: right;
}

/* ================================================
   Agent Box
   ================================================ */
[dir="rtl"] .agent-box {
    text-align: right;
}

[dir="rtl"] .agent-box .img {
    margin-left: 20px;
    margin-right: 0;
}

/* ================================================
   Contact Info
   ================================================ */
[dir="rtl"] .contact-info i {
    float: right;
}

[dir="rtl"] .contact-info h4,
[dir="rtl"] .contact-info .h4,
[dir="rtl"] .contact-info p {
    padding: 0 60px 0 0;
}

/* ================================================
   Footer
   ================================================ */
[dir="rtl"] .site-footer .widget .links li {
    text-align: right;
}

[dir="rtl"] .site-footer .social li a > span {
    /* transform: translate(-50%, -50%) scaleX(-1); */
}

/* ================================================
   Links with Arrows
   ================================================ */
[dir="rtl"] .links-arrow-before li a {
    padding-right: 20px;
    padding-left: 0;
}

[dir="rtl"] .links-arrow-before li a:before {
    right: 0;
    left: auto;
    content: "\e5c4";
}

[dir="rtl"] .has-arrow [class^="icon-"] {
    margin-right: 10px;
    margin-left: 0;
    transform: rotate(0deg);
}

/* ================================================
   Image About Dots
   ================================================ */
[dir="rtl"] .img-about.dots:after {
    right: auto;
    left: -70px;
    transform: scaleX(-1);
}

/* ================================================
   Offset Classes (Responsive)
   ================================================ */
[dir="rtl"] .offset-1 { margin-right: 8.33333%; margin-left: 0; }
[dir="rtl"] .offset-2 { margin-right: 16.66667%; margin-left: 0; }
[dir="rtl"] .offset-3 { margin-right: 25%; margin-left: 0; }
[dir="rtl"] .offset-4 { margin-right: 33.33333%; margin-left: 0; }
[dir="rtl"] .offset-5 { margin-right: 41.66667%; margin-left: 0; }
[dir="rtl"] .offset-6 { margin-right: 50%; margin-left: 0; }
[dir="rtl"] .offset-7 { margin-right: 58.33333%; margin-left: 0; }
[dir="rtl"] .offset-8 { margin-right: 66.66667%; margin-left: 0; }
[dir="rtl"] .offset-9 { margin-right: 75%; margin-left: 0; }
[dir="rtl"] .offset-10 { margin-right: 83.33333%; margin-left: 0; }
[dir="rtl"] .offset-11 { margin-right: 91.66667%; margin-left: 0; }

/* ================================================
   Legend Fix
   ================================================ */
[dir="rtl"] legend {
    float: right;
}

[dir="rtl"] legend + * {
    clear: right;
}

/* ================================================
   Carousel Controls
   ================================================ */
[dir="rtl"] .carousel-control-prev {
    right: 0;
    left: auto;
}

[dir="rtl"] .carousel-control-next {
    left: 0;
    right: auto;
}

[dir="rtl"] .carousel-indicators {
    margin-right: 15%;
    margin-left: 15%;
}

[dir="rtl"] .carousel-caption {
    right: 15%;
    left: 15%;
}

/* ================================================
   Pagination
   ================================================ */
[dir="rtl"] .page-item:not(:first-child) .page-link {
    margin-right: -1px;
    margin-left: 0;
}

[dir="rtl"] .page-item:first-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* ================================================
   Input Groups
   ================================================ */
[dir="rtl"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
[dir="rtl"] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

/* ================================================
   Utilities
   ================================================ */
[dir="rtl"] .position-absolute.start-0 {
    right: 0 !important;
    left: auto !important;
}

[dir="rtl"] .position-absolute.start-50 {
    right: 50% !important;
    left: auto !important;
}

[dir="rtl"] .position-absolute.start-100 {
    right: 100% !important;
    left: auto !important;
}

[dir="rtl"] .position-absolute.end-0 {
    left: 0 !important;
    right: auto !important;
}

[dir="rtl"] .position-absolute.end-50 {
    left: 50% !important;
    right: auto !important;
}

[dir="rtl"] .position-absolute.end-100 {
    left: 100% !important;
    right: auto !important;
}

/* ================================================
   Custom Fixes
   ================================================ */
[dir="rtl"] .hero .form-search .form-control {
    margin-left: 10px;
    margin-right: 0;
}

[dir="rtl"] .card-link + .card-link {
    margin-right: 1rem;
    margin-left: 0;
}

/* ================================================
   Responsive Utilities
   ================================================ */
@media (min-width: 576px) {
    [dir="rtl"] .offset-sm-0 { margin-right: 0; margin-left: 0; }
    [dir="rtl"] .offset-sm-1 { margin-right: 8.33333%; margin-left: 0; }
    [dir="rtl"] .offset-sm-2 { margin-right: 16.66667%; margin-left: 0; }
    [dir="rtl"] .offset-sm-3 { margin-right: 25%; margin-left: 0; }
    [dir="rtl"] .offset-sm-4 { margin-right: 33.33333%; margin-left: 0; }
    [dir="rtl"] .offset-sm-5 { margin-right: 41.66667%; margin-left: 0; }
    [dir="rtl"] .offset-sm-6 { margin-right: 50%; margin-left: 0; }
    [dir="rtl"] .offset-sm-7 { margin-right: 58.33333%; margin-left: 0; }
    [dir="rtl"] .offset-sm-8 { margin-right: 66.66667%; margin-left: 0; }
    [dir="rtl"] .offset-sm-9 { margin-right: 75%; margin-left: 0; }
    [dir="rtl"] .offset-sm-10 { margin-right: 83.33333%; margin-left: 0; }
    [dir="rtl"] .offset-sm-11 { margin-right: 91.66667%; margin-left: 0; }
}

@media (min-width: 768px) {
    [dir="rtl"] .offset-md-0 { margin-right: 0; margin-left: 0; }
    [dir="rtl"] .offset-md-1 { margin-right: 8.33333%; margin-left: 0; }
    [dir="rtl"] .offset-md-2 { margin-right: 16.66667%; margin-left: 0; }
    [dir="rtl"] .offset-md-3 { margin-right: 25%; margin-left: 0; }
    [dir="rtl"] .offset-md-4 { margin-right: 33.33333%; margin-left: 0; }
    [dir="rtl"] .offset-md-5 { margin-right: 41.66667%; margin-left: 0; }
    [dir="rtl"] .offset-md-6 { margin-right: 50%; margin-left: 0; }
    [dir="rtl"] .offset-md-7 { margin-right: 58.33333%; margin-left: 0; }
    [dir="rtl"] .offset-md-8 { margin-right: 66.66667%; margin-left: 0; }
    [dir="rtl"] .offset-md-9 { margin-right: 75%; margin-left: 0; }
    [dir="rtl"] .offset-md-10 { margin-right: 83.33333%; margin-left: 0; }
    [dir="rtl"] .offset-md-11 { margin-right: 91.66667%; margin-left: 0; }
}

@media (min-width: 992px) {
    [dir="rtl"] .offset-lg-0 { margin-right: 0; margin-left: 0; }
    [dir="rtl"] .offset-lg-1 { margin-right: 8.33333%; margin-left: 0; }
    [dir="rtl"] .offset-lg-2 { margin-right: 16.66667%; margin-left: 0; }
    [dir="rtl"] .offset-lg-3 { margin-right: 25%; margin-left: 0; }
    [dir="rtl"] .offset-lg-4 { margin-right: 33.33333%; margin-left: 0; }
    [dir="rtl"] .offset-lg-5 { margin-right: 41.66667%; margin-left: 0; }
    [dir="rtl"] .offset-lg-6 { margin-right: 50%; margin-left: 0; }
    [dir="rtl"] .offset-lg-7 { margin-right: 58.33333%; margin-left: 0; }
    [dir="rtl"] .offset-lg-8 { margin-right: 66.66667%; margin-left: 0; }
    [dir="rtl"] .offset-lg-9 { margin-right: 75%; margin-left: 0; }
    [dir="rtl"] .offset-lg-10 { margin-right: 83.33333%; margin-left: 0; }
    [dir="rtl"] .offset-lg-11 { margin-right: 91.66667%; margin-left: 0; }
}

@media (min-width: 1200px) {
    [dir="rtl"] .offset-xl-0 { margin-right: 0; margin-left: 0; }
    [dir="rtl"] .offset-xl-1 { margin-right: 8.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xl-2 { margin-right: 16.66667%; margin-left: 0; }
    [dir="rtl"] .offset-xl-3 { margin-right: 25%; margin-left: 0; }
    [dir="rtl"] .offset-xl-4 { margin-right: 33.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xl-5 { margin-right: 41.66667%; margin-left: 0; }
    [dir="rtl"] .offset-xl-6 { margin-right: 50%; margin-left: 0; }
    [dir="rtl"] .offset-xl-7 { margin-right: 58.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xl-8 { margin-right: 66.66667%; margin-left: 0; }
    [dir="rtl"] .offset-xl-9 { margin-right: 75%; margin-left: 0; }
    [dir="rtl"] .offset-xl-10 { margin-right: 83.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xl-11 { margin-right: 91.66667%; margin-left: 0; }
}

@media (min-width: 1400px) {
    [dir="rtl"] .offset-xxl-0 { margin-right: 0; margin-left: 0; }
    [dir="rtl"] .offset-xxl-1 { margin-right: 8.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-2 { margin-right: 16.66667%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-3 { margin-right: 25%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-4 { margin-right: 33.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-5 { margin-right: 41.66667%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-6 { margin-right: 50%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-7 { margin-right: 58.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-8 { margin-right: 66.66667%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-9 { margin-right: 75%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-10 { margin-right: 83.33333%; margin-left: 0; }
    [dir="rtl"] .offset-xxl-11 { margin-right: 91.66667%; margin-left: 0; }
}

/* ================================================
   RTL FIXES - Carousel Cursors & Property Cards
   ================================================ */

/* Fix for TinySlider controls - Flip arrows horizontally */
[dir="rtl"] .tns-controls button[data-controls="prev"],
[dir="rtl"] .tns-controls button[data-controls="next"],
[dir="rtl"] .prev,
[dir="rtl"] .next {
    transform: scaleX(-1) !important;
}

/* Ensure navigation buttons are visible */
[dir="rtl"] .tns-controls button {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Fix for icon-based navigation */
[dir="rtl"] .prev [class*="icon-"],
[dir="rtl"] .next [class*="icon-"],
[dir="rtl"] .prev i,
[dir="rtl"] .next i {
    transform: scaleX(-1);
    display: inline-block;
}

/* Fix Bootstrap carousel arrows */
[dir="rtl"] .carousel-control-prev-icon,
[dir="rtl"] .carousel-control-next-icon {
    transform: scaleX(-1);
}

/* Hero nav controls */
[dir="rtl"] #hero-nav .prev,
[dir="rtl"] #hero-nav .next {
    transform: scaleX(-1);
}

/* Property slider navigation */
[dir="rtl"] #property-nav .prev,
[dir="rtl"] #property-nav .next {
    transform: scaleX(-1);
}

/* Testimonial slider navigation */
[dir="rtl"] #testimonial-nav .prev,
[dir="rtl"] #testimonial-nav .next {
    transform: scaleX(-1);
}

/* Swiper slider controls */
[dir="rtl"] .swiper-button-prev,
[dir="rtl"] .swiper-button-next {
    transform: scaleX(-1);
}

/* ================================================
   Property Cards Display Fixes
   ================================================ */

/* Ensure property items are visible and properly aligned */
[dir="rtl"] .property-item {
    direction: rtl !important;
    text-align: right !important;
    overflow: visible !important;
}

/* Fix property slider wrapper direction */
[dir="rtl"] .property-slider-wrap,
[dir="rtl"] .tns-outer {
    direction: rtl !important;
}

/* Fix TinySlider inner wrapper */
[dir="rtl"] .tns-inner {
    direction: rtl !important;
}

/* Fix for property grid/flex containers */
[dir="rtl"] .properties-slider,
[dir="rtl"] .property-slider {
    direction: rtl !important;
}

/* Ensure cards don't overflow */
[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
    overflow-x: visible !important;
}

/* Property card content alignment */
[dir="rtl"] .property-item .property-content h3,
[dir="rtl"] .property-item .property-content .price,
[dir="rtl"] .property-item .property-content .specs,
[dir="rtl"] .property-item .property-content p,
[dir="rtl"] .property-item .property-content .city {
    text-align: right !important;
}

/* Fix property image container */
[dir="rtl"] .property-item .property-image,
[dir="rtl"] .property-item img {
    display: block !important;
    width: 100% !important;
}

/* Fix property specs icons spacing */
[dir="rtl"] .specs span {
    margin-left: 15px;
    margin-right: 0;
}

[dir="rtl"] .specs span:first-child {
    margin-right: 0;
}

[dir="rtl"] .specs span:last-child {
    margin-left: 0;
}

/* Fix for icon positioning in specs */
[dir="rtl"] .specs i,
[dir="rtl"] .specs .icon,
[dir="rtl"] .specs [class*="icon-"] {
    margin-left: 5px;
    margin-right: 0;
}

/* ================================================
   TinySlider Specific RTL Fixes
   ================================================ */

/* Fix TinySlider horizontal scrolling in RTL */
[dir="rtl"] .tns-horizontal {
    direction: ltr !important;
}

[dir="rtl"] .tns-horizontal > .tns-item {
    direction: rtl !important;
}

/* Fix TinySlider overflow */
[dir="rtl"] .tns-ovh {
    overflow: hidden !important;
}

/* Ensure slides are visible */
[dir="rtl"] .tns-slide-active {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Testimonial slider fixes */
[dir="rtl"] .testimonial-slider-wrap {
    direction: rtl !important;
}

[dir="rtl"] .testimonial-slider {
    direction: rtl !important;
}

[dir="rtl"] .testimonial {
    text-align: right !important;
}

/* ================================================
   General Slider Fixes
   ================================================ */

[dir="rtl"] .slider-wrapper,
[dir="rtl"] .owl-carousel,
[dir="rtl"] .slick-slider {
    overflow: hidden !important;
}

/* Property card shadows */
[dir="rtl"] .property-item {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

[dir="rtl"] .property-item:hover {
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

/* ================================================
   Show Property Page — Icon & Element RTL Fixes
   ================================================ */

/* Info badges (hero overlay) */
[dir="rtl"] .info-badge {
    margin-right: 0;
    margin-left: 0.75rem;
}
[dir="rtl"] .info-badge i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Room card — move accent border to the right */
[dir="rtl"] .room-card {
    border-left: none !important;
    border-right: 4px solid var(--primary-color, #005555) !important;
}

/* Room title icon */
[dir="rtl"] .room-title i {
    margin-right: 0;
    margin-left: 0.75rem;
}

/* Amenity badge icon */
[dir="rtl"] .amenity-badge i {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Price currency symbol */
[dir="rtl"] .price-currency {
    margin-left: 0;
    margin-right: 0.5rem;
}

/* Inquiry button icon */
[dir="rtl"] .inquiry-btn i {
    margin-right: 0;
    margin-left: 0.75rem;
}

/* Inquiry modal — radio button gap from label */
[dir="rtl"] .inquiry-option input[type="radio"] {
    margin-right: 0;
    margin-left: 1rem;
}

/* Bootstrap icons inside buttons / alerts — swap me-* spacing */
[dir="rtl"] .btn .bi.me-1,
[dir="rtl"] .btn .bi.me-2,
[dir="rtl"] .btn .bi.me-3 {
    margin-right: 0 !important;
}
[dir="rtl"] .btn .bi.me-1 { margin-left: 0.25rem !important; }
[dir="rtl"] .btn .bi.me-2 { margin-left: 0.5rem  !important; }
[dir="rtl"] .btn .bi.me-3 { margin-left: 1rem    !important; }

/* Alert / badge icons */
[dir="rtl"] .alert .bi.me-1,
[dir="rtl"] .badge .bi.me-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

/* ============================================================
   Auth Pages -- RTL overrides
   ============================================================ */

[dir="rtl"] .rezora-register-page .rezora-label {
    padding-left: 0;
    padding-right: 1rem;
}

[dir="rtl"] .rezora-password-wrap .rezora-input {
    padding-right: 1.5rem !important;
    padding-left: 3.5rem !important;
}
[dir="rtl"] .rezora-pw-wrap .rezora-input {
    padding-right: 0.875rem !important;
    padding-left: 3.25rem !important;
}

[dir="rtl"] #toggle-password,
[dir="rtl"] .rezora-pw-toggle {
    right: auto;
    left: 1rem;
}

[dir="rtl"] .rezora-errors ul {
    padding-left: 0;
    padding-right: 1.25rem;
}

/* Validation icons on the LEFT in RTL (both invalid and valid states) */
[dir="rtl"] .rezora-input.is-invalid,
[dir="rtl"] .rezora-select.is-invalid,
[dir="rtl"] .rezora-input.is-valid,
[dir="rtl"] .rezora-select.is-valid {
    background-position: left calc(0.375em + 0.1875rem) center;
    padding-right: 0.875rem !important;
    padding-left: calc(1.5em + 0.75rem) !important;
}
[dir="rtl"] .rezora-login-page .rezora-input.is-invalid,
[dir="rtl"] .rezora-login-page .rezora-input.is-valid {
    padding-right: 1.5rem !important;
    padding-left: calc(1.5em + 0.75rem) !important;
}


/* ── Search Widget — RTL overrides ──────────────────────────────── */
[dir="rtl"] .sw-select {
    background-position: left .7rem center;
    padding-right: .75rem;
    padding-left: 2rem;
}

[dir="rtl"] .sw-sort-label {
    margin-right: 0;
    margin-left: .15rem;
}