.highlighted .btmborder{
	border:1px solid #fff;
	color:#fff;
}
.navbar-nav .nav-link:hover{
	background-color:#000;
}
.form-select{
	background-position: left .75rem center;
}
.city-list {
    padding: 0;
}
.city-list ul{
	padding: 0;
}
.city-list {
        width: 100%;
    }

    .city-list-ul {
        display: block;
    }

    .city-list-select {
        width: 100%;
        padding: 0.5rem;
        font-size: 1rem;
    }

    @media (max-width: 768px) {
        .city-list-ul {
            display: none;
        }
        .city-list-select {
            display: block !important;
        }
    }

    .city-list-select option.fw-bold {
        font-weight: bold;
    }
.list-group-item {
    border: none;
    padding: 5px 15px;
    font-size: 0.95rem;
    direction: inherit;
}

.list-group-item.fw-bold {
    background-color: #f8f9fa;
    color: #333;
}
.asdasa{
	margin: 0 0 0 5px;
	color: #000 !important;
}
.dfsf{
	border-radius: 50px;
}
.list-group-item a {
    color: #333;
	display:block;
    transition: color 0.3s ease;
}

.list-group-item a:hover {
    color: #007bff;
	
}
.city-list ul li:hover {
	background-color: #f8f9fa;
	display:block;
}
.icon-sm {
    font-size: 0.8rem;
    vertical-align: middle;
}

@media (max-width: 600px) {
    .list-group-item {
        font-size: 0.9rem;
        padding: 4px 10px;
    }

    .icon-sm {
        font-size: 0.75rem;
    }
}





/* סגנון כללי לכרטיסיות */
.d7 {
	font-size: 1.4rem !important;
}
@media (max-width: 991px) {
	.enlarged-image {
		min-height: 200px; /* גובה מינימלי לתמונה */
		object-fit: cover; /* מבטיח שהתמונה תמלא את המיכל תוך שמירה על יחס גובה-רוחב */
		width: 100%; /* מבטיח שהתמונה תתפרס לרוחב המלא */
	}
    /* הסתרת view-toggle במובייל */
    .view-toggle {
        display: none !important;
    }
    /* תצוגת קוביות בלבד במובייל */
    .room-container {
        display: flex;
        flex-wrap: wrap;
    }
    .room-item.list-item {
        display: none !important;
    }
    .room-item.grid-item {
        width: 100% !important; /* קוביות מלאות רוחב במובייל */
        max-width: 100% !important;
    }
}

/* הגדלת התמונה בתצוגת קוביות */
.room-card .card-img-top {
    height: 200px; /* הגדלת גובה התמונה */
    object-fit: cover; /* שמירה על יחס גובה-רוחב */
}

/* הגדלת התמונה בתצוגת רשימה (רלוונטי לדסקטופ בלבד) */
.room-image img {
    height: 150px; /* הגדלת גובה התמונה */
    width: 100%;
    object-fit: cover; /* שמירה על יחס גובה-רוחב */
}
.room-card {
    border: none;
    border-radius: 15px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.room-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

/* תצוגת קוביות */
.room-container.grid-view .grid-item {
    display: block;
}

.room-container.grid-view .list-item {
    display: none;
}

.room-container.grid-view .room-item {
    width: 100%;
}

.room-container.grid-view .card-img-top {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.room-container.grid-view .contact-buttons {
    display: flex;
    justify-content: space-between;
}

.room-container.grid-view .contact-buttons .btn {
    width: 48%;
}

/* תצוגת רשימה */
.room-container.list-view .grid-item {
    display: none;
}

.room-container.list-view .list-item {
    display: block;
}

.room-container.list-view .room-item {
    width: 100%;
}

.room-container.list-view .room-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.room-container.list-view .room-image {
    width: 30%;
	height: 100%;
}

.room-container.list-view .room-details {
    width: 70%;
    padding: 10px;
}

/* כפתורי פעולה */
.contact-buttons .btn {
    font-size: 14px;
}

.show-route {
    font-size: 14px;
}

/* התאמות רספונסיביות */
@media (max-width: 767px) {
    .room-container.grid-view .card-img-top {
        height: 150px;
    }

    .room-container.list-view .room-img {
        height: 120px;
    }

    .room-container.list-view .room-image {
        width: 40%;
    }

    .room-container.list-view .room-details {
        width: 60%;
    }

    .room-details .card-title {
        font-size: 16px;
    }

    .room-details .badge {
        font-size: 0.7rem;
    }

    .room-details .text-muted {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .room-container.list-view .room-img {
        height: 100px;
    }

    .room-container.list-view .room-image {
        width: 100%;
    }

    .room-container.list-view .room-details {
        width: 100%;
    }

    .room-container.grid-view .contact-buttons .btn {
        width: 100%;
        margin-bottom: 10px;
    }

    
}
/*דישט*/
    :root {
        --primary-color: #007bff;
        --secondary-color: #6c757d;
        --success-color: #28a745;
        --background-light: #f8f9fa;
        --text-muted: #6c757d;
        --shadow-color: rgba(0, 0, 0, 0.1);
        --transition: all 0.3s ease;
        --highlight-color: #ff6f61;
    }

    body {
        background-color: var(--background-light);
        font-family: 'Rubik', sans-serif;
    }

    .room-card {
        border: none;
        border-radius: 15px;
        overflow: hidden;
        background: #fff;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .me-2 {
        margin-left: 0.5rem !important;
    }

    .room-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 30px var(--shadow-color);
    }

    .room-card .card-img-top {
        /*height: 200px;*/
        object-fit: cover;
        transition: transform 0.5s ease;
    }

    .room-card:hover .card-img-top {
        transform: scale(1.05);
    }

    .highlighted {
        border: 2px solid #000000;
		background-color: #000000;
		color: #fff;
    }
	.highlighted h3 a{
		color: #fff !important;
	}
	.highlighted .text-muted{
		color: #fff !important;
	}
	
    .highlighted .list-group-item {
        background-color: transparent;
    }

    .section-title {
        color: #333;
        border-bottom: 2px solid var(--primary-color);
        padding-bottom: 8px;
        display: inline-block;
        transition: color 0.3s ease;
    }

    .section-title:hover {
        color: var(--primary-color);
    }

    .section-box {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 15px var(--shadow-color);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    .asdasd {
        direction: ltr;
    }
    .asdasd button {
        direction: rtl;
    }

    .section-box:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 20px var(--shadow-color);
    }

    .filter-card {
        position: sticky;
        top: 20px;
        z-index: 1000;
    }

    @keyframes fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @keyframes slideUp {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .animate-slide {
        animation: slideUp 0.8s ease forwards;
    }

    .animate-slide-in {
        animation: fadeIn 0.8s ease forwards;
    }

    #map {
        height: 600px;
        max-height: 0;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 4px 15px var(--shadow-color);
        transition: max-height 0.5s ease-in-out;
    }

    #map.active {
        max-height: 600px;
    }

    .map-error {
        padding: 20px;
        text-align: center;
        color: #dc3545;
        font-size: 1.1rem;
        background: #fff;
        border-radius: 8px;
        margin: 10px;
    }

    .map-toggle-btn, .view-btn {
        border-radius: 50px;
        padding: 8px 16px;
        transition: var(--transition);
    }

    .map-toggle-btn:hover, .view-btn:hover {
        background-color: #000;
        color: #fff;
        transform: scale(1.05);
    }

    .input-group.rtl-input-group {
        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;
        display: flex;
        flex-direction: row;
        gap: 0.25rem;
    }

    .view-toggle .btn.active {
        background-color: #000;
        color: white;
        border-color: #000;
    }

    .room-container {
        transition: all 0.3s ease;
    }

    .room-container.list-view .room-item {
        width: 100%;
    }

    .room-container.list-view .room-card {
        display: flex;
        flex-direction: row;
        height: auto;
		overflow: hidden;
    }
	.asasd{
		display: block !important;
	}
    .room-container.list-view .room-card .card-img-top {
        width: 66.67%;
		min-height: 336px;
		max-height: 429px;
		object-fit: cover;
    }

    .room-container.list-view .room-card .card-body {
        width: 33.33%;
        padding: 8px 25px 15px;
    }

    .room-container.grid-view .room-item {
        width: 33.33%;
    }

    .room-container.grid-view .room-card {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .room-container.grid-view .room-card .card-img-top {
        height: 200px;
        object-fit: cover;
    }

    .room-container.grid-view .room-card .card-body {
        flex-grow: 1;
        padding: 15px;
        display: flex;
        flex-direction: column;
    }

    .room-container.grid-view .contact-buttons {
        flex-direction: row;
        gap: 8px;
    }

    .room-container.grid-view .show-route {
        margin-top: auto;
    }

    @media (max-width: 991px) {
        .room-container.grid-view .room-item {
            width: 50%;
        }
    }

    @media (max-width: 767px) {
        .room-container.grid-view .room-item {
            width: 100%;
        }

        .room-card .card-img-top {
            height: 150px;
        }

        #map {
            height: 350px;
        }

        #map.active {
            max-height: 350px;
        }

        .filter-card {
            position: static;
        }

        .filter-card .section-box {
            padding: 15px;
        }

        .contact-buttons .btn {
            font-size: 0.85rem;
            padding: 6px;
        }

        .pricing-list .list-group-item {
            font-size: 0.85rem;
        }

        .room-card .card-title {
            font-size: 0.95rem;
        }

        .form-control, .btn-primary, .form-label, .range-values {
            font-size: 0.9rem;
        }

        .star-rating {
            font-size: 1rem;
        }
		.badge {
			font-size: 1.2rem;
		}
		

    }

    .form-control.input-shadow {
        border: none;
        box-shadow: 0 2px 10px var(--shadow-color);
        transition: box-shadow 0.3s ease;
    }

    .form-control.input-shadow:focus {
        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);
        border-color: var(--primary-color);
    }

    .btn-hover-scale {
        transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;
    }

    .btn-hover-scale:hover {
        transform: scale(1.05);
    }
	.asdmnuh{
		padding: 0;
	}
    .pricing-list .list-group-item {
		background: transparent;
		border: none;
		padding: 3px 0;
		font-size: 0.9rem;
		color: #333;
		display: block;
		justify-content: space-between;
		align-items: center;
		transition: var(--transition);
	}

    .pricing-list .list-group-item:hover {
        background: var(--background-light);
        transform: translateX(5px);
    }

    .pricing-list .list-group-item:hover .price-icon {
        transform: rotate(360deg);
    }

    .price-icon {
        color: var(--primary-color);
        transition: transform 0.3s ease;
    }

    .contact-buttons .btn {
        padding: 8px;
        font-size: 0.9rem;
        border-radius: 8px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-outline-success {
        color: #008f36;
		border-color: #008f36;
    }

    .btn-outline-success:hover {
        background-color: #25d366;
        color: #fff;
    }

    .star-rating {
        display: flex;
        flex-direction: <?php echo $language === 'he' ? 'row' : 'row-reverse'; ?>;
        gap: 8px;
        font-size: 1.2rem;
        cursor: pointer;
    }

    .star {
        color: #ccc;
        transition: color 0.3s ease, transform 0.3s ease;
    }

    .star i {
        transition: all 0.3s ease;
    }

    .star:hover i, .star:hover ~ .star i, .star.filled i, .star.filled ~ .star i {
        color: #ffc107;
        transform: scale(1.2);
    }

    .star:focus {
        outline: 2px solid var(--primary-color);
        outline-offset: 2px;
    }

    .range-container {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .form-range {
        -webkit-appearance: none;
        appearance: none;
        height: 6px;
        background: #ddd;
        border-radius: 50px;
        outline: none;
        transition: background 0.3s ease;
    }

    .form-range::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        background: var(--primary-color);
        border-radius: 50%;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .form-range::-webkit-slider-thumb:hover {
        transform: scale(1.2);
        box-shadow: 0 0 0 5px rgba(0, 123, 255, 0.2);
    }

    .range-values {
        font-size: 0.9rem;
        color: var(--text-muted);
        margin-top: 8px;
        text-align: <?php echo $language === 'he' ? 'right' : 'left'; ?>;
    }

    .route-info {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 5px var(--shadow-color);
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .route-info h4 {
        color: var(--primary-color);
        font-size: 0.9rem;
    }

    .route-info p {
        font-size: 0.85rem;
        color: var(--text-muted);
    }

    .badge {
        font-size: 0.9rem;
		display: block;
		padding: 6px 10px;
    }