/* RTL Support for Header and Search Bar */
/* الهيدر والبحث ثابتين - فقط النصوص تتغير */

/* ===================================
   RTL Text Support ONLY - Keep Layout Fixed
   =================================== */

/* Header stays in same position - only text direction changes */
[dir="rtl"] .header-content {
    /* NO layout changes - keep everything in English positions */
}

[dir="rtl"] .logo {
    /* Keep logo on the left - NO changes */
}

[dir="rtl"] .main-nav {
    /* Keep nav in center - NO changes */
    margin-left: 30px; /* إضافة مسافة من اليسار للابتعاد عن الأزرار */
}

[dir="rtl"] .nav-list {
    /* Keep nav items in same order - NO changes */
    direction: rtl; /* Only change text direction */
    gap: 10px; /* تقليل المسافة بين عناصر القائمة */
    flex-wrap: nowrap; /* منع التفاف العناصر لسطر جديد */
}

/* ضمان أن كل عنصر في القائمة يبقى على سطر واحد */
[dir="rtl"] .nav-list li {
    flex-shrink: 0; /* منع الانكماش */
}

/* التأكد من أن النصوص في القائمة لا تلتف */
[dir="rtl"] .nav-list li a {
    white-space: nowrap; /* النص على سطر واحد */
    padding: 0 5px; /* تقليل الحشو الداخلي */
}

[dir="rtl"] .header-right {
    /* Keep right section on the right - NO changes */
    margin-right: 50px; /* إضافة مسافة من اليمين للابتعاد عن القوائم */
}

/* Only fix text and icons direction inside elements */
[dir="rtl"] .nav-list li a {
    direction: rtl;
    text-align: center;
    white-space: nowrap; /* منع انكسار النص - كل عنصر على سطر واحد */
}

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

[dir="rtl"] .contact-item i {
    margin-right: 0;
    margin-left: 8px;
}

/* زيادة المسافة بين القوائم والأزرار في العربية */
[dir="rtl"] .header-right {
    padding-right: 30px; /* مسافة إضافية من اليمين */
}

[dir="rtl"] .main-nav {
    padding-left: 25px; /* مسافة إضافية من اليسار */
}

/* ===================================
   RTL Support for Search Bar
   =================================== */

/* Search bar - حقل البحث وزر المسح وزر البحث على سطر واحد */
[dir="rtl"] .search-container {
    display: flex;
    flex-wrap: nowrap; /* منع الالتفاف - كل شيء على سطر واحد */
    align-items: center;
    gap: 10px;
}

[dir="rtl"] .search-field {
    flex: 0 0 350px; /* عرض ثابت لحقل البحث */
    order: 1;
}

[dir="rtl"] .search-icon {
    /* Keep icon position */
}

/* Only change text direction and alignment */
[dir="rtl"] .search-input {
    text-align: right;
    direction: rtl;
    height: 45px;
}

[dir="rtl"] .search-input::placeholder {
    text-align: right;
}

[dir="rtl"] .filter-buttons {
    display: flex;
    flex-wrap: nowrap; /* كل الأزرار على سطر واحد */
    align-items: center;
    gap: 8px;
    order: 2;
}

[dir="rtl"] .filter-btn {
    direction: rtl;
    flex-shrink: 0; /* منع الانكماش */
    height: 45px;
    white-space: nowrap;
}

/* زر المسح */
[dir="rtl"] .filter-btn[onclick*="clearSearch"] {
    order: 98; /* قبل زر البحث مباشرة */
}

/* زر البحث */
[dir="rtl"] .search-btn {
    direction: rtl;
    flex-shrink: 0;
    order: 99; /* آخر عنصر */
    height: 45px;
    padding: 13px 40px;
    margin-left: auto; /* دفع زر البحث لأقصى اليسار */
    margin-right: 150px; /* إبعاد من اليمين */
}

/* Dropdown and filters - only text direction */
[dir="rtl"] .filter-dropdown {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .price-header {
    direction: rtl;
}

[dir="rtl"] .status-checkbox {
    direction: rtl;
}

[dir="rtl"] .counter-controls {
    direction: rtl;
}

[dir="rtl"] .additional-search-row {
    direction: rtl;
}

[dir="rtl"] .features-grid {
    direction: rtl;
}

[dir="rtl"] .feature-checkbox {
    direction: rtl;
}

[dir="rtl"] .dropdown-actions {
    direction: rtl;
}

[dir="rtl"] .filter-actions {
    direction: rtl;
}

/* ===================================
   Additional RTL Fixes - Text Only
   =================================== */

/* Fix icon alignment in RTL - inside text */
[dir="rtl"] .filter-btn i {
    margin-left: 5px;
    margin-right: 0;
}


/* ===================================
   Responsive RTL Support - Text Only
   =================================== */

@media (max-width: 768px) {
    /* Mobile - keep layout same, just text direction */
    [dir="rtl"] .search-input {
        text-align: right;
    }
}

/* ===================================
   RTL Language Modal Support
   =================================== */

[dir="rtl"] .language-modal-header {
    direction: rtl;
}

[dir="rtl"] .language-modal-header .modal-title {
    flex-direction: row-reverse;
}

[dir="rtl"] .language-modal-header .modal-title i {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .language-option {
    direction: rtl;
    gap: 15px;
}

/* ===================================
   Content RTL Support - Pages & Sections
   =================================== */

/* Apply RTL to main content only */
[dir="rtl"] .main-wrap {
    direction: rtl;
}

[dir="rtl"] .property-content,
[dir="rtl"] .page-content,
[dir="rtl"] .section-content {
    direction: rtl;
    text-align: right;
}

/* Breadcrumb RTL */
[dir="rtl"] .breadcrumb {
    direction: rtl;
}

/* Property cards RTL */
[dir="rtl"] .property-card {
    direction: rtl;
    text-align: right;
}

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

/* Tables RTL */
[dir="rtl"] .table {
    direction: rtl;
}

[dir="rtl"] .table th,
[dir="rtl"] .table td {
    text-align: right;
}

/* Alerts and Messages RTL */
[dir="rtl"] .alert {
    direction: rtl;
    text-align: right;
}

/* Modal Content RTL */
[dir="rtl"] .modal-body,
[dir="rtl"] .modal-header,
[dir="rtl"] .modal-footer {
    direction: rtl;
    text-align: right;
}

/* ===================================
   RTL Support for User Dropdown
   =================================== */

[dir="rtl"] .user-dropdown {
    left: 0 !important;
    right: auto !important;
}

[dir="rtl"] .user-dropdown .dropdown-item {
    text-align: right;
    flex-direction: row-reverse;
}

[dir="rtl"] .user-dropdown .dropdown-item:hover {
    padding-left: 20px;
    padding-right: 25px;
}

[dir="rtl"] .user-dropdown .dropdown-item i {
    margin-right: 0;
    margin-left: 8px;
}