/* RTL (Right-to-Left) Support for Arabic Language */

html[dir="rtl"] {
    direction: rtl;
}

html[dir="rtl"] body {
    text-align: right;
}

html[dir="rtl"] .nav-menu {
    flex-direction: row-reverse;
}

html[dir="rtl"] .nav-actions {
    flex-direction: row-reverse;
}

html[dir="rtl"] .property-location i,
html[dir="rtl"] .quick-item i,
html[dir="rtl"] .footer-contact-item i {
    margin-right: 0;
    margin-left: 0.5rem;
}

html[dir="rtl"] .section-title::before {
    left: auto;
    right: 0;
}

html[dir="rtl"] .section-title {
    padding-left: 0;
    padding-right: 1rem;
}

html[dir="rtl"] .footer-links a:hover {
    padding-left: 0;
    padding-right: 5px;
}

html[dir="rtl"] .breadcrumb {
    flex-direction: row-reverse;
}

html[dir="rtl"] .property-badges {
    left: auto;
    right: 1rem;
}

html[dir="rtl"] .property-favorite {
    right: auto;
    left: 1rem;
}

html[dir="rtl"] .gallery-badges {
    left: auto;
    right: 1rem;
}

html[dir="rtl"] .gallery-favorite {
    right: auto;
    left: 1rem;
}

html[dir="rtl"] .gallery-counter {
    right: auto;
    left: 1rem;
}

html[dir="rtl"] .listing-sidebar {
    order: -1;
}

html[dir="rtl"] .feature-group li {
    flex-direction: row-reverse;
}

html[dir="rtl"] .consultant-contact {
    flex-direction: row-reverse;
}

html[dir="rtl"] .whatsapp-float {
    right: auto;
    left: 2rem;
}

html[dir="rtl"] .lang-menu {
    right: auto;
    left: 0;
}

html[dir="rtl"] .favorites-badge {
    right: auto;
    left: -8px;
}

html[dir="rtl"] .filter-form .form-control,
html[dir="rtl"] .search-form input,
html[dir="rtl"] .search-form select,
html[dir="rtl"] .contact-widget input,
html[dir="rtl"] .contact-widget textarea {
    text-align: right;
}

html[dir="rtl"] .pagination {
    flex-direction: row-reverse;
}

html[dir="rtl"] .blog-meta {
    flex-direction: row-reverse;
}

html[dir="rtl"] .footer-grid {
    direction: rtl;
}

/* Font adjustments for Arabic */
html[lang="ar"] body {
    font-family: 'Noto Sans Arabic', 'Inter', sans-serif;
}