/**
 * RTL (Right-to-Left) Overrides for Hebrew
 * Used alongside Bootstrap 5 RTL build
 * Bootstrap RTL handles most layout mirroring automatically
 * This file handles custom component-specific overrides
 */

/* Font family for Hebrew */
[dir="rtl"] body {
    font-family: 'Heebo', 'Poppins', sans-serif;
}

/* ===== HEADER ===== */
[dir="rtl"] .top-bar .language-switcher {
    direction: ltr; /* Keep language codes LTR */
}

[dir="rtl"] .navbar-brand .logo-text {
    text-align: right;
}

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

/* ===== PROPERTY CARDS ===== */
[dir="rtl"] .annonce-card .card-badges {
    left: auto;
    right: 10px;
}

[dir="rtl"] .annonce-card .favorite-btn {
    right: auto;
    left: 10px;
}

[dir="rtl"] .annonce-card .card-price {
    text-align: left;
}

/* ===== FILTER BAR ===== */
[dir="rtl"] .filter-bar-map .btn-group {
    direction: rtl;
}

/* ===== SIDEBAR ===== */
[dir="rtl"] .sidebar-sticky {
    text-align: right;
}

/* ===== DETAIL PAGE ===== */
[dir="rtl"] .detail-specs .spec-item i {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .detail-features .feature-item i {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .detail-agent-card {
    text-align: right;
}

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

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

/* ===== MODALS ===== */
[dir="rtl"] .modal-header .btn-close {
    margin: 0;
    margin-right: auto;
}

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

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

/* ===== ALERTS / BADGES ===== */
[dir="rtl"] .alert i,
[dir="rtl"] .badge i {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* ===== MOBILE BOTTOM BAR ===== */
[dir="rtl"] .mobile-bottom-bar .nav {
    direction: rtl;
}

/* ===== FOOTER ===== */
[dir="rtl"] .footer-section {
    text-align: right;
}

[dir="rtl"] .footer-section .social-links {
    justify-content: flex-start;
}

/* ===== AUTH DROPDOWN ===== */
[dir="rtl"] .auth-dropdown .dropdown-menu {
    text-align: right;
}

/* ===== BACK TO TOP ===== */
[dir="rtl"] .back-to-top {
    left: 20px;
    right: auto;
}

/* ===== PRICE DISPLAY ===== */
[dir="rtl"] .price-display {
    direction: ltr;
    text-align: left;
}

/* ===== MAP VIEW ===== */
[dir="rtl"] .map-sidebar {
    left: 0;
    right: auto;
}

/* ===== SAVED SEARCHES MODAL ===== */
[dir="rtl"] .alert-item-actions {
    margin-left: 0;
    margin-right: 15px;
}

[dir="rtl"] .alert-item-badge {
    margin-left: 6px;
    margin-right: 0;
}

/* ===== GENERAL OVERRIDES ===== */
/* Keep numbers and prices LTR */
[dir="rtl"] .price,
[dir="rtl"] .phone-number,
[dir="rtl"] [type="tel"],
[dir="rtl"] [type="email"],
[dir="rtl"] [type="number"] {
    direction: ltr;
    text-align: right;
}

/* Icon spacing - Bootstrap uses me-* classes for icons before text */
/* In RTL, icons should have margin-left instead of margin-right */
[dir="rtl"] .bi + span,
[dir="rtl"] i.bi + span {
    margin-right: 0;
}