/**
 * RTL Specific Styles for Elite Real Estate Theme
 * This file contains styles that specifically address right-to-left layout needs
 */

/* Basic Direction Settings */
body,
input,
textarea,
select {
    direction: rtl;
    text-align: right;
}

/* Header */
.site-branding {
    margin-right: 0;
    margin-left: 30px;
}

.main-navigation ul {
    padding-right: 0;
}

.main-navigation ul ul {
    right: 0;
    left: auto;
}

/* Section Headings */
.section-header h2::after,
.section-title::after {
    right: 50%;
    left: auto;
    transform: translateX(50%);
}

.widget-title::after {
    right: 0;
    left: auto;
}

/* List Items */
.widget ul {
    padding-right: 0;
}

/* Icon positioning */
.meta-item i,
.project-location i,
.project-price i,
.detail-item i,
.amenity-icon i,
.info-icon i {
    margin-right: 0;
    margin-left: 5px;
}

/* Form elements */
.form-group label {
    text-align: right;
}

/* Breadcrumbs */
.breadcrumbs .separator {
    margin: 0 10px;
}

/* Gallery navigation arrows - for RTL sliders */
.slick-prev {
    right: 10px !important;
    left: auto !important;
}

.slick-next {
    left: 10px !important;
    right: auto !important;
}

/* Floating Buttons */
.floating-buttons {
    left: 30px;
    right: auto;
}

/* Project Details */
.detail-icon {
    margin-right: 0;
    margin-left: 20px;
}

/* Comment section */
.comment-author .avatar {
    float: right;
    margin-right: 0;
    margin-left: 15px;
}

.comment-metadata {
    margin-right: 70px;
    margin-left: 0;
}

.reply {
    text-align: left;
}

.comment-list .children {
    margin-right: 70px;
    margin-left: 0;
}

/* Pagination */
.pagination .nav-links {
    direction: rtl;
}

/* Filter adjustments */
.filter-btn i {
    margin-right: 0;
    margin-left: 5px;
}

/* Card layouts */
.project-card .project-info,
.related-card .card-content {
    text-align: right;
}

/* Search form */
.search-form .search-field {
    border-radius: 0 5px 5px 0;
}

.search-form .search-submit {
    border-radius: 5px 0 0 5px;
}

/* Search input wrapper */
.search-input-wrapper .search-submit {
    left: 0;
    right: auto;
}

/* Mobile menu */
@media (max-width: 768px) {
    .menu-toggle {
        margin-left: 0;
        margin-right: auto;
    }
    
    .main-navigation.active ul {
        right: 0;
        left: auto;
    }
    
    .main-navigation ul li a {
        padding: 15px 20px;
    }
}

/* RTL fixes for flex layouts */
.about-content,
.contact-content,
.content-wrapper,
.info-item,
.detail-item,
.project-meta,
.amenity-item,
.search-item-wrapper,
.recent-project-item {
    flex-direction: row;
}

/* Sidebar fix */
@media (min-width: 992px) {
    .content-wrapper .sidebar {
        margin-right: 50px;
        margin-left: 0;
    }
}

/* Project gallery thumbnails */
.gallery-thumbnails .thumbnail-item.slick-current img {
    border-right: 3px solid var(--secondary-color);
    border-left: none;
}

/* Ensure correct display of Arabic fonts */
body, 
h1, h2, h3, h4, h5, h6,
input, textarea, select, button {
    font-family: 'Cairo', sans-serif;
}

/* Fix slider arrows for RTL */
.slick-slider {
    direction: ltr;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    direction: rtl;
}

/* Fix pagination arrows */
.pagination .page-numbers.prev .fas,
.pagination .page-numbers.next .fas {
    transform: rotate(180deg);
}

/* Fix read more icon direction */
.read-more:hover i {
    transform: translateX(-5px);
}

/* Fix search icon position */
.search-input-wrapper .search-submit {
    right: auto;
    left: 0;
}