/*.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;

    }