/* ============================================
   RTL Overrides - style.rtl.css
   Loaded only when locale is 'ar'
============================================ */

@font-face {
  font-family: 'Manoto';
  src: url('../fonts/Manoto/Manoto-tv-regular-.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
}

@font-face {
  font-family: 'Merci';
  src: url('../fonts/Merci/MERCI-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PointSans';
  src: url('../fonts/PointSans/pointart-sans-serif-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

/* --- General --- */
h1, h2, h3, h4, h5, h6 {
  text-transform: none;
  letter-spacing: 0;
  font-family: 'PointSans', sans-serif;
}

body {
  direction: rtl;
  text-align: right;
  font-family: 'Manoto', sans-serif;
}

.theme-main-menu .nav-item .nav-link {
  font-family: 'Manoto', sans-serif;
}

/* --- view-button: enforce border-radius against Bootstrap RTL overrides --- */
.view-button {
  border-radius: 15px !important;
}

/* --- theme-main-menu / menu-overlay / menu-style-three / sticky-menu --- */

/* menu-overlay: spans full width, no LTR-specific sides needed — already right:0 left:0 */
.theme-main-menu.menu-overlay {
  right: 0;
  left: 0;
}

/* menu-style-three has no padding/border quirks, but ensure inner gap is symmetric */
.theme-main-menu.menu-style-three .gap-one {
  padding-right: 40px;
  padding-left: 40px;
}

/* sticky-menu adds .fixed via JS — fix its anchoring for RTL */
.theme-main-menu.sticky-menu.fixed {
  right: 0;
  left: 0;
}

/* toggler lines: keep original left:10px positioning */
.theme-main-menu.menu-style-three .navbar-toggler::before,
.theme-main-menu.menu-style-three .navbar-toggler::after,
.theme-main-menu.menu-style-three .navbar-toggler span {
  left: 10px;
  right: auto;
}

/* nav-link margins: originally margin: 0 18px, flip for RTL */
.theme-main-menu.menu-style-three .nav-item .nav-link {
  margin: 0 0 0 18px;
}

/* dropdown arrow spacing */
.theme-main-menu.menu-style-three .dropdown-toggle::after {
  margin-left: 0;
  margin-right: 3px;
}

/* dashboard spinning icon */
.theme-main-menu.menu-style-three .dashboard-menu .nav-link::after {
  margin-left: 0;
  margin-right: 5px;
}

/* search-btn-one margin (originally margin-left: -10px) */
.theme-main-menu.menu-style-three .search-btn-one {
  margin-left: 0;
  margin-right: -10px;
}

/* --- Sidebar / Offcanvas --- */
.offcanvas.sidebar-nav {
  left: 0;
  right: auto;
  border-radius: 0 12px 12px 0;
}
.offcanvas.offcanvas-end {
  left: 0;
  right: auto;
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end.show {
  transform: translateX(0);
}
.offcanvas.sidebar-nav .btn-close {
  margin-left: 0;
  margin-right: auto;
}

/* --- Header layout --- */
.theme-main-menu .logo {
  order: 3;
}

.theme-main-menu nav.navbar {
  order: 2;
  margin-left: 0 !important;
  margin-right: 2rem !important;
}

.theme-main-menu .right-widget {
  order: 0;
}

/* hide login and sidenav button in RTL, keep Add Listing only */
.theme-main-menu .right-widget .login-btn-one {
  display: none !important;
}
.theme-main-menu .right-widget .sidenavbtn {
  display: none !important;
}

/* right-widget inner spacing — reset all margins on Add Listing li since login is hidden */
.theme-main-menu .right-widget .ms-3,
.theme-main-menu .right-widget .ms-xl-4,
.theme-main-menu .right-widget .me-xl-4 {
  margin: 0 !important;
}

/* --- Login button icon --- */
.theme-main-menu .login-btn-one i {
  margin-right: 0;
  margin-left: 10px;
}

/* --- Navbar nav --- */
.navbar-nav {
  padding-right: 0;
  padding-left: 0;
}

.theme-main-menu .nav-item .nav-link {
  margin: 0 0 0 18px;
  padding: 10px 18px 10px 0;
}

/* dropdown arrow flipped */
.theme-main-menu .dropdown-toggle::after {
  margin-left: 0;
  margin-right: 3px;
}

/* dashboard menu spinning icon */
.theme-main-menu .dashboard-menu .nav-link::after {
  margin-left: 0;
  margin-right: 5px;
}

/* --- Dropdown menus --- */
@media screen and (min-width: 992px) {
  .navbar .dropdown-menu {
    left: auto;
    right: 0;
    transform-origin: 100% 0;
  }
  .navbar .dropdown-menu:before {
    left: auto;
    right: 30px;
  }
  .navbar .dropdown-menu .dropdown-menu {
    left: auto;
    right: calc(100% + 5px);
  }
  .navbar .mega-dropdown-sm .dropdown-menu {
    left: auto;
    right: -250px;
  }
}

/* --- Dropdown item underline animation --- */
.navbar .dropdown-menu .dropdown-item span:before {
  left: auto;
  right: 0;
  transform-origin: 100% 0;
}
.navbar .dropdown-menu .dropdown-item:hover span:before,
.navbar .dropdown-menu .dropdown-item.active span:before {
  transform: scale(1);
}

/* --- Mega menu title bar --- */
.navbar [class*=mega-dropdown] .menu-column .mega-menu-title {
  padding-left: 0;
  padding-right: 15px;
}
.navbar [class*=mega-dropdown] .menu-column .mega-menu-title:before {
  left: auto;
  right: 15px;
}

/* --- Mobile navbar --- */
@media screen and (max-width: 991px) {
  .navbar-collapse {
    left: auto;
    right: 0;
    transform: translateX(100%);
  }
  .navbar-collapse.show {
    transform: translateX(0);
    box-shadow: -15px 0 25px rgba(35, 35, 35, 0.09);
  }
  .navbar-collapse .logo {
    padding-left: 12px;
    padding-right: 0;
  }
  .navbar .navbar-nav .nav-link {
    text-align: right;
  }
  .navbar .dropdown-menu .dropdown-item {
    text-align: right;
  }
  /* cancel row-reverse on mobile, Bootstrap RTL handles it */
  .theme-main-menu .top-header .d-flex {
    flex-direction: row;
  }
  .theme-main-menu .top-header .d-flex {
    justify-content: space-between;
  }
  .theme-main-menu .logo {
    order: 0;
    margin: 0;
  }
  .theme-main-menu nav.navbar {
    order: 3;
    margin: 0 !important;
  }
  .theme-main-menu .right-widget {
    display: none !important;
  }
}

/* --- category-section-one: fix icon spacing and pill layout for RTL --- */
.category-section-one .wrapper ul li a img {
  margin-right: 0;
  margin-left: 16px;
}

.category-section-one .wrapper ul {
  margin: 0 -10px;
}

.category-section-one .wrapper ul li {
  padding: 0 10px;
}

/* --- btn-four: prevent Bootstrap RTL link hover color bleeding onto icon --- */
.btn-four:hover,
.btn-four:focus {
  color: #fff;
}

/* --- listing cards --- */
.listing-card-four {
  border-radius: 15px;
}
.listing-card-four:hover .property-info {
  border-radius: 5px;
}


.listing-card-two::before,
.listing-card-three::before,
.listing-card-four::before {
  left: 0;
  right: 0;
  z-index: 0;
}

.listing-card-four .tag,
.listing-card-four .property-info {
  z-index: 1;
}

.listing-card-four .feature {
  padding-right: 0;
  padding-left: 2rem;
}

.listing-card-four .feature li {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 4px;
}

/* --- footer-three --- */

/* Bootstrap RTL adds padding-right: 2rem to ol, ul — reset inside footer and feature accordion */
.footer-three ol,
.footer-three ul,
.property-feature-accordion ol,
.property-feature-accordion ul,
.property-amenities ol,
.property-amenities ul {
  padding-right: 0;
}

/* Social icons: LTR uses margin-right: 35px, flip for RTL */
.footer-three .social-icon a {
  margin-right: 0;
  margin-left: 35px;
}

/* Newsletter input: LTR padding is 0 90px 0 15px (right side reserved for button), flip for RTL */
.footer-three .newsletter-form input {
  padding: 0 15px 0 90px;
  text-align: right;
  border: none;
  background: #f5f5f5;
  border-radius: 15px;
}

/* Newsletter button: LTR is right: 10px, flip to left for RTL */
.footer-three .newsletter-form button {
  right: auto;
  left: 10px;
  border-radius: 15px;
}

/* nice-select: flip arrow to left side and align text to right for RTL */
.nice-select .list {
  z-index: 999;
}

.nice-select {
  text-align: right !important;
  padding-left: 18px;
  padding-right: 10px;
}

.nice-select:after {
  right: auto;
  left: 8px;
}

.nice-select.box-style:after {
  right: auto;
  left: 12px;
}

.nice-select .option {
  padding-left: 0;
  padding-right: 15px;
  text-align: right;
}

.type-input,
textarea {
  text-align: right;
}

#inquiryModal .nice-select:after,
#inquiryModal .nice-select::after {
  display: none !important;
  content: none !important;
}