:root {

	--primary-color: #000;

	--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;

}


.urgency-badge}{
    left: auto !important;
}
header {

            background: #ffffff;

            color: #333;

            padding: 1rem 0;

            box-shadow: 0 2px 4px var(--shadow-color);

            position: static;

            top: auto;

            z-index: auto;

        }



        .navbar {

            padding: 0.5rem 0;

        }



        .navbar-brand {

            font-weight: 700;

            font-size: 1.6rem;

            color: var(--primary-color);

            display: flex;

            align-items: center;

            gap: 8px;

            transition: var(--transition);

        }



        .navbar-brand:hover {

            color: var(--highlight-color);

        }



        .navbar-brand i {

            font-size: 1.3rem;

        }

		.navbar-nav {

			gap: 12px;

		}

        .navbar-nav .nav-link {

            color: #333;

            font-size: 1rem;

            padding: 8px 12px;

            border-radius: 6px;

            transition: var(--transition);

        }



        .navbar-nav .nav-link:hover {

            background: var(--primary-color);

            color: #fff;

        }



        .navbar-nav .nav-link i {

            margin-left: 6px;

        }



        .navbar-toggler {

            border: none;

        }



        .navbar-toggler-icon {

            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 123, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

        }



        .user-greeting {

            display: flex;

            align-items: center;

            gap: 10px;

            direction: <?php echo $dir; ?>;

        }



        .user-picture {

            width: 32px;

            height: 32px;

            border-radius: 50%;

            object-fit: cover;

            border: 2px solid var(--primary-color);

            transition: var(--transition);

        }



        .user-picture:hover {

            transform: scale(1.1);

        }



        .user-name {

            font-weight: 500;

            color: #333;

            font-size: 0.95rem;

        }



        .sign-out-btn {

            background: var(--primary-color);

            border: none;

            color: #fff;

            padding: 5px 10px;

            border-radius: 6px;

            font-size: 0.85rem;

            transition: var(--transition);

        }



        .sign-out-btn:hover {

            background: var(--highlight-color);

            transform: translateY(-2px);

        }



        .g_id_signin div[role="button"] {

            border-radius: 6px !important;

            box-shadow: 0 1px 4px var(--shadow-color);

        }



        .language-selector {

            position: relative;

            z-index: 1000;

        }



        .language-selector .dropdown-toggle {

            background: var(--primary-color);

            border: none;

            color: #fff;

            padding: 5px 10px;

            border-radius: 6px;

            font-size: 0.85rem;

            cursor: pointer;

            display: flex;

            align-items: center;

            gap: 5px;

            transition: var(--transition);

        }



        .language-selector .dropdown-toggle:hover {

            background: var(--highlight-color);

        }



        .language-selector .dropdown-menu {

            background: #fff;

            border: none;

            border-radius: 6px;

            box-shadow: 0 2px 8px var(--shadow-color);

            min-width: 100px;

            margin-top: 5px;

        }



        .language-selector .dropdown-item {

            color: #333;

            font-size: 0.85rem;

            padding: 6px 12px;

			text-align:right;

            transition: var(--transition);

        }



        .language-selector .dropdown-item:hover {

            background: var(--primary-color);

            color: #fff;

        }



        .header-top {

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding-bottom: 0.5rem;

        }



        @media (max-width: 767px) {

            .navbar-brand {

                font-size: 1.4rem;

            }



            .navbar-nav .nav-link {

                font-size: 0.95rem;

                padding: 6px 10px;

            }



            .user-picture {

                width: 28px;

                height: 28px;

            }



            .user-name {

                font-size: 0.85rem;

            }



            .sign-out-btn, .language-selector .dropdown-toggle {

                padding: 4px 8px;

                font-size: 0.8rem;

            }



            .header-top {

                flex-direction: row;

                gap: 0.5rem;

            }

        }

.index .myasd-5 {

    margin-top: 2rem !important;

    margin-bottom: 1rem !important;

}

.index .highlighted .btmborder{

	border:1px solid #fff;

	color:#fff;

}

.index .navbar-nav .nav-link:hover{

	background-color:#000;

}

.index .text-muted {

    --bs-text-opacity: 1;

    color: var(--bs-secondary-color) !important;

    font-size: 14px;

}

.index .like-btn {

    position: absolute;

    top: 10px;

    z-index: 1;

}



.index .like-btn:hover .fa-heart {

    color: #dc3545 !important;

}



.index .like-btns {

    position: absolute;

    top: 10px;

    z-index: 1;

}

#lg-inner-2, #lg-inner-1{

	direction:ltr;

}

.index .like-btns:hover .fa-heart {

    color: #dc3545 !important;

}

.index .mod{

	display:none;

}

.index .des{

	display:block;

}

.index .d6{

	font-size: 1.2rem !important;

}

.index .d7{

	font-size: 1.4rem !important;

}

.index .d9 span{

	font-size: 0.9rem !important;

}

.index .scrt {

    justify-content: space-between;

    flex-direction: row-reverse;

}

.index .room-card {

    border: none;

    border-radius: 15px;

    overflow: hidden;

    background: #fff;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}

.index .me-2 {

    margin-left: 0.5rem !important;

}

.index .room-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 30px var(--shadow-color);

}

.index .room-card .card-img-top {

    object-fit: cover;

    transition: transform 0.5s ease;

}

.index .room-card:hover .card-img-top {

    transform: scale(1.05);

}




.index .room-container {

    transition: all 0.3s ease;

}

.index .badge {

    font-size: 0.82rem;

    display: block;

    padding: 6px 10px;

}

.index .room-container.list-view .room-item {

    width: 100%;

}

.index .room-container.list-view .room-card {

    display: flex;

    flex-direction: row;

    height: auto;

}

.index .asasd {

    display: block !important;

}

.index .room-container.list-view .room-card .card-img-top {

    width: 66.67%;

    min-height: 336px;

    max-height: 429px;

    object-fit: cover;

}

.index .room-container.list-view .room-card .card-body {

    width: 33.33%;

    padding: 8px 25px 15px;

}

.index .btn-hover-scale:hover {

    transform: scale(1.05);

}

.index .asdmnuh {

    padding: 0;

}

.index .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);

}

.index .pricing-list .list-group-item:hover {

    background: var(--background-light);

    transform: translateX(5px);

}

.index .pricing-list .list-group-item:hover .price-icon {

    transform: rotate(360deg);

}

.index .price-icon {

    color: var(--primary-color);

    transition: transform 0.3s ease;

}

.index .room-container.grid-view .room-item {

    width: 25%;

}

.index .room-container.grid-view .room-card {

    display: flex;

    flex-direction: column;

    height: 100%;

}

.index .room-container.grid-view .room-card .card-img-top {

    height: 180px;

    object-fit: cover;

}

.index .room-container.grid-view .card-body {

    flex-grow: 1;

    padding: 15px;

    display: flex;

    flex-direction: column;

	justify-content: space-between;

}

/* ==========================================
   Region Sections
   ========================================== */

.index .region-section {
    background: #ffffff;
    border-radius: 22px;
    padding: 10px;
    height: 100%;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(226, 232, 240, 0.7);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.index .region-section:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
}

.index .region-section h3 a {
    font-size: clamp(1.05rem, 1.45vw, 1.2rem);
    font-weight: 700;
    color: var(--neutral-900);
    transition: color 0.2s ease;
}

.index .region-section h3 a:hover {
    color: var(--primary-color);
}

.index .region-room-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(226, 232, 240, 0.85);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.index .region-room-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.16);
}



.index .region-room-media {
    position: relative;
    width: 100%;
    height: 220px;
    background: #f1f5f9;
    overflow: hidden;
}

.index .region-room-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.index .region-room-badge {
    position: absolute;
    top: 16px;
    inset-inline-start: 16px;
    background: linear-gradient(135deg, #fde68a, #facc15);
    color: #1f2937;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.7rem;
    padding: 6px 14px;
    border-radius: 999px;
    box-shadow: 0 8px 18px rgba(250, 204, 21, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    z-index: 2;
}

.index .region-room-favorite {
    position: absolute;
    top: 18px;
    inset-inline-end: 18px;
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    color: #ef4444;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
    z-index: 3;
    box-shadow: 0 10px 20px rgba(239, 68, 68, 0.18);
}

.index .region-room-card:hover .region-room-favorite {
    transform: scale(1.05);
    box-shadow: 0 12px 24px rgba(239, 68, 68, 0.22);
}

.index .region-room-favorite.active {
    background: #ef4444;
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(239, 68, 68, 0.35);
}

.index .region-room-favorite .fa-heart {
    transition: transform 0.3s ease;
}

.index .region-room-card:hover .region-room-favorite .fa-heart,
.index .region-room-favorite.active .fa-heart {
    transform: scale(1.1);
}

.index .region-room-content {
    padding: 22px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    color: #0f172a;
    background: #ffffff;
    position: relative;
}



.index .region-room-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.index .region-room-title {
    margin: 0;
    font-size: clamp(1.1rem, 1.5vw, 1.35rem);
    font-weight: 700;
    line-height: 1.4;
    width: 100%;
}

.index .region-room-title a {
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s ease;
    display: block;
}

.index .region-room-title a:hover {
    color: var(--primary-color);
}

.index .region-room-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    position: absolute;
    gap: 4px;
    position: absolute;
    top: -52px;
    left: 7px;
    /* inset-inline-end: 16px; */
    /* inset-block-end: 16px; */
    padding: 10px 16px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(37, 99, 235, 0.92), rgba(56, 189, 248, 0.85));
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(37, 99, 235, 0.25);
}

.index .region-room-price strong {
    font-size: 1.1rem;
    font-weight: 800;
    color: #ffffff;
}

.index .region-room-price span {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.85);
}

[dir="rtl"] .index .region-room-price {
    align-items: flex-start;
    text-align: left;
}

.index .region-room-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 0.85rem;
    color: #1f2937;
}

.index .region-room-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.08);
}

.index .region-room-features {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    color: #1e293b;
    font-size: 0.85rem;
}

.index .region-room-features li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.index .region-room-features i {
    color: #f59e0b;
}

.index .region-room-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 20px;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb, #38bdf8);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.95rem;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 12px 22px rgba(37, 99, 235, 0.25);
}

.index .region-room-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 30px rgba(37, 99, 235, 0.3);
}

.index .region-room-cta i {
    transition: transform 0.3s ease;
}

.index .region-room-cta:hover .fa-arrow-right {
    transform: translateX(-4px);
}

.index .region-room-cta:hover .fa-arrow-left {
    transform: translateX(4px);
}

@media (max-width: 768px) {
    .index .region-room-media {
        height: 200px;
    }

    .index .region-room-content {
        gap: 14px;
        padding-bottom: 28px;
    }

    .index .region-room-meta {
        gap: 8px;
    }

    .index .region-room-content::after {
        display: none;
    }

    .index .region-room-price {
        position: static;
        align-items: flex-start;
        padding: 8px 0 0;
        background: transparent;
        color: #2563eb;
        box-shadow: none;
    }

    .index .region-room-price strong {
        color: #2563eb;
    }

    .index .region-room-price span {
        color: #64748b;
    }
}

.index .room-container.grid-view .contact-buttons {

    flex-direction: column;

    gap: 8px;

}

.index .room-container.grid-view .show-route {

    margin-top: auto;

}

.index .card-img-top {

    width: 100%;

    height: 150px;

    object-fit: cover;

    border-radius: 4px;

}

.index .list-group {

    direction: rtl !important;

    text-align: right !important;

}

.index .list-group-item {

    border: none;

    padding: 0.75rem 0;

    font-size: 15px;

    color: #333;

    display: flex;

    flex-direction: row;

    align-items: center;

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);

    direction: rtl !important;

    text-align: right !important;

}

.index .list-group-item:last-child {

    border-bottom: none;

}

.index .list-group-item i {

    color: #007bff;

}

.index .btn-room {

    padding: 5px;

    border: 1px solid #007bff;

    color: #007bff;

    text-decoration: none;

    border-radius: 4px;

    font-size: 14px;

    text-align: center;

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    direction: rtl !important;

    text-align: right !important;

}

.index .btn-room-whatsapp {

    border-color: #25d366;

    color: #25d366;

}

.index .btn-room-details {

    border-color: #6c757d;

    color: #6c757d;

}

.index .btn-room:hover {

    background-color: #007bff;

    color: white;

}

.index .btn-room-whatsapp:hover {

    background-color: #25d366;

    color: white;

}

.index .btn-room-details:hover {

    background-color: #6c757d;

    color: white;

}

.index .btn-primary:hover {

    background-color: #0056b3;

}

.index .input-group .btn-outline-secondary {

    border: 1px solid #ced4da;

    padding: 8px;

}

.index .form-check-label {

    font-size: 16px;

    direction: rtl;

    text-align: right;

}

.index .form-range {

    -webkit-appearance: none;

    appearance: none;

    width: 100%;

    height: 10px;

    background: linear-gradient(to right, #007bff, #00aaff);

    border-radius: 5px;

    outline: none;

    opacity: 0.7;

    transition: opacity 0.2s;

}

.index .form-range:hover {

    opacity: 1;

}

.index .form-range::-webkit-slider-thumb {

    -webkit-appearance: none;

    appearance: none;

    width: 20px;

    height: 20px;

    background: #007bff;

    border: none;

    border-radius: 50%;

    cursor: grab;

    box-shadow: 0 2px 4px rgba(0,0,0,0.2);

    transition: transform 0.2s;

}

.index .form-range::-moz-range-thumb {

    width: 20px;

    height: 20px;

    background: #007bff;

    border: none;

    border-radius: 50%;

    cursor: grab;

    box-shadow: 0 2px 4px rgba(0,0,0,0.2);

    transition: transform 0.2s;

}

.index .form-range::-webkit-slider-thumb:hover {

    transform: scale(1.1);

}

.index .form-range::-moz-range-thumb:hover {

    transform: scale(1.1);

}

.index .form-range::-webkit-slider-thumb:active {

    cursor: grabbing;

    transform: scale(1.05);

}

.index .form-range::-moz-range-thumb:active {

    cursor: grabbing;

    transform: scale(1.05);

}

.index .form-select {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");

    background-repeat: no-repeat;

    background-position: left 10px center;

    background-size: 12px;

    transition: border-color 0.2s;

}

.index .form-select:focus {

    border-color: #007bff;

    box-shadow: 0 0 0 0.2rem rgba(0,123,255,0.25);

}

.index .advanced-search {

    overflow: hidden;

    max-height: 0;

    transition: max-height 0.3s ease;

}

.index .form-check .form-check-input {

    float: right;

    margin-right: -1.5em;

}

.index .form-check {

    display: block;

    min-height: 1.5rem;

    padding-right: 1.5em;

    margin-bottom: .125rem;

}

@media (max-width: 767px) {

   .index  .form-select, .form-control, .btn-primary, .btn-outline-secondary, .form-check-label {

        font-size: 14px;

        padding: 6px;

    }

   .index  .star {

        font-size: 20px;

    }

   .index  #toggle-advanced {

        margin-bottom: 10px;

    }

   .index  .advanced-search {

        position: relative;

    }

   .index  .amenities-container {

        flex-direction: column !important;

        gap: 0.5rem !important;

    }

}

.index .asdasd{

	flex-direction: row-reverse;

}

.index .card {

    transition: transform 0.2s ease-in-out;

}

.index .card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

}

@media (min-width: 1200px) {

    .index .display-5 {

        font-size: 2rem; 

    }

}

/* התאמת הכפתורים לפריסה אופקית */

.index .contact-buttons {

    flex-direction: row !important;

    gap: 8px !important;

}



/* סגנון לטקסט של עיר, רחוב ודירוג */

/* סגנון נוסף לדירוג המספרי */

.index .text-muted .rating-text {

    font-weight: 500;

    color: #555;

}



/* התאמה למובייל לדירוג */

@media (max-width: 767px) {

	.index .mod{

		display:block;

	}

	.index .des{

		display:none;

	}

   .index  .star-rating i {

        font-size: 14px;

    }

    .index .text-muted {

        font-size: 12px;

    }

	.index .d6{

		font-size: 1.4rem !important;

	}

}



/* סגנון לכוכבים בדירוג */

.index .star-rating i {

    font-size: 16px;

}



/* התאמות רספונסיביות */

@media (max-width: 767px) {

   .index  .room-container.grid-view .room-item {

        width: 50%;

    }

	.index .d8{

		font-size: 20px;

	}

    .index .card-img-top {

        height: 150px;

    }



    .index .card-title {

        font-size: 18px;

    }



    .index .badge {

        font-size: 1.2rem;

    }



    .index .text-muted {

        font-size: 18px;

    }



    .index .star-rating i {

        font-size: 14px;

    }

}



@media (max-width: 576px) {

   .index  .room-container.grid-view .room-item {

        width: 100%;

    }

}

/* סגנון לכרטיסיית חדר באזורים */

.index .region-room-card {

    border: none;

    border-radius: 15px;

    overflow: hidden;

    background: #fff;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.index .region-room-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

}



/* עיצוב התמונה עם פינות מעוגלות רק משמאל */

.index .region-room-img {

    width: 100%;

    height: 150px;

    object-fit: cover;

    

}



/* חלוקה אופקית של האזורים */

.index .region-row {

    display: flex;

    flex-wrap: wrap;

}



.index .region-row .col {

    flex: 0 0 25%;

    max-width: 25%;

    padding: 0 15px;

}



.index .region-room-details {

    padding: 10px;

}



.index .region-room-container .region-room-item {

    width: 25%;

}



/* התאמות רספונסיביות */

@media (max-width: 991px) {

   .index  .region-row .col {

        flex: 0 0 50%;

        max-width: 50%;

    }

}



@media (max-width: 767px) {

   .index  .region-room-img {

        height: 120px;

    }



   .index  .region-room-details .card-title {

        font-size: 14px;

    }



   .index  .region-room-details .badge {

        font-size: 0.7rem;

    }



   .index  .region-room-details .text-muted {

        font-size: 17px;

    }



  .index   .region-room-details .star-rating i {

        font-size: 10px;

    }

}



@media (max-width: 576px) {

   .index  .region-row .col {

        flex: 0 0 100%;

        max-width: 100%;

    }



   .index  .region-room-img {

        height: 150px;

    }

}

/* סגנון לכרטיסיית חדר באזורים */

.index .region-room-card {

    border: none;

    border-radius: 15px;

    overflow: hidden;

    background: #fff;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.index .region-room-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

}



/* עיצוב התמונה עם פינות מעוגלות רק משמאל */

.index .region-room-img {

    width: 100%;

    height: 150px;

    object-fit: cover;

    

}



/* חלוקה אופקית של האזורים */

.index .region-row {

    display: flex;

    flex-wrap: wrap;

}



.index .region-row .col {

    flex: 0 0 25%;

    max-width: 25%;

    padding: 0 5px;

}



.index .region-room-details {

    padding: 10px;

}



.index .region-room-container .region-room-item {

    width: 100%;

}



/* התאמות רספונסיביות */

@media (max-width: 991px) {

   .index  .region-row .col {

        flex: 0 0 50%;

        max-width: 50%;

    }

}



@media (max-width: 767px) {

   .index  .region-room-img {

        height: 120px;

    }



   .index  .region-room-details .card-title {

        font-size: 14px;

    }



   .index  .region-room-details .badge {

        font-size: 1.1rem;

    }



   .index  .region-room-details .text-muted {

        font-size: 10px;

    }

}



@media (max-width: 576px) {

   .index  .region-row .col {

        flex: 0 0 100%;

        max-width: 100%;

    }



   .index  .region-room-img {

        height: 150px;

    }

}
/*
.search .highlighted .btmborder{

	border:1px solid #fff;

	color:#fff;

}
*/
.search .navbar-nav .nav-link:hover{

	background-color:#000;

}

.search .like-btn {

    position: absolute;

    top: 10px;

    <?php echo $language === 'he' ? 'right' : 'left'; ?>: 10px;

    z-index: 1;

}



.search .like-btn:hover .fa-heart {

    color: #dc3545 !important;

}



.search .form-control,
.search .form-select {

    background: rgba(255, 255, 255, 0.95);

    border: 2px solid rgba(226, 232, 240, 0.6);

    border-radius: 10px;

    padding: 0.7rem 1rem;

    transition: all 0.3s ease;

    font-weight: 500;

}



.search .form-select {

    background-position: left .75rem center;

}



.search .form-control:focus,
.search .form-select:focus {

    border-color: var(--primary-600, #1e88e5);

    box-shadow: 0 0 0 3px rgba(30, 136, 229, 0.1);

    background: #fff;

}



.search .form-label {

    font-weight: 600;

    color: var(--neutral-700, #374151);

    margin-bottom: 0.5rem;

}



.search .btn-dark {

    background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    border: none;

    color: #fff;

    font-weight: 600;

    padding: 0.7rem 1.5rem;

    border-radius: 10px;

    transition: all 0.3s ease;

    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.25);

}



.search .btn-dark:hover {

    transform: translateY(-2px);

    box-shadow: 0 6px 20px rgba(30, 136, 229, 0.35);

    background: linear-gradient(135deg, #1976d2 0%, #7b1fa2 100%);

}



.search .btn-outline-secondary {

    background: rgba(255, 255, 255, 0.95);

    border: 2px solid rgba(148, 163, 184, 0.5);

    color: var(--neutral-600, #64748b);

    font-weight: 600;

    padding: 0.7rem 1.5rem;

    border-radius: 10px;

    transition: all 0.3s ease;

}



.search .btn-outline-secondary:hover {

    background: rgba(148, 163, 184, 0.1);

    border-color: var(--neutral-500, #94a3b8);

    color: var(--neutral-700, #475569);

    transform: translateY(-2px);

}



.search .nearby-cities {

    background: linear-gradient(135deg, rgba(78, 205, 196, 0.08) 0%, rgba(30, 136, 229, 0.08) 100%);

    border: 1px solid rgba(78, 205, 196, 0.2);

    border-radius: 14px;

    padding: 1.25rem;

    box-shadow: 0 2px 12px rgba(78, 205, 196, 0.1);

}



.search .nearby-cities h2 {

    background: linear-gradient(135deg, #4ecdc4 0%, #1e88e5 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    font-weight: 700;

    margin-bottom: 1rem;

}



.search .nearby-cities .btn {

    background: rgba(255, 255, 255, 0.9);

    border: 2px solid rgba(78, 205, 196, 0.3);

    color: #4ecdc4;

    font-weight: 600;

    border-radius: 10px;

    padding: 0.5rem 1rem;

    transition: all 0.3s ease;

}



.search .nearby-cities .btn:hover {

    background: linear-gradient(135deg, #4ecdc4 0%, #1e88e5 100%);

    border-color: #4ecdc4;

    color: #fff;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3);

}



.search .map-container {

    height: 400px;

    border: 1px solid rgba(226, 232, 240, 0.7);

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.1);

    transition: all 0.3s ease;

}



.search .map-container:hover {

    box-shadow: 0 8px 30px rgba(30, 136, 229, 0.15);

    transform: translateY(-2px);

}

.search .city-list {

    padding: 0;

}

.search .city-list ul{

	padding: 0;

}

.btn-group, .btn-group-vertical {

    position: relative;

    display: inline-flex;

    vertical-align: middle;

    flex-direction: row-reverse;

}

.search .city-list {

        width: 100%;

    }



    .search .city-list-ul {

        display: block;

		padding: 0;

    }



    .search .city-list-select {

        width: 100%;

        padding: 0.5rem;

        font-size: 1rem;

    }



    @media (max-width: 768px) {

        .search .city-list-ul {

            display: none;

        }

        .search .city-list-select {

            display: block !important;

        }

    }



    .search .city-list-select option.fw-bold {

        font-weight: bold;

    }

.search .list-group-item {

    border: none;

    padding: 5px 15px;

    font-size: 0.95rem;

    direction: inherit;

}



.search .list-group-item.fw-bold {

    background-color: #f8f9fa;

    color: #333;

}

.search .asdasa{

	margin: 0 0 0 5px;

	color: #000 !important;

}

.search .dfsf{

	border-radius: 50px;

}

.search .list-group-item a {

    color: #333;

	display:block;

    transition: color 0.3s ease;

}



.search .list-group-item a:hover {

    color: #007bff;

	

}

.search .city-list ul li:hover {

	background-color: #f8f9fa;

	display:block;

}

.search .icon-sm {

    font-size: 0.8rem;

    vertical-align: middle;

	margin-left: 10px;

}



@media (max-width: 600px) {

    .search .list-group-item {

        font-size: 0.9rem;

        padding: 4px 10px;

    }



    .search .icon-sm {

        font-size: 0.75rem;

    }

}











/* סגנון כללי לכרטיסיות */

.search .d7 {

	font-size: 1.4rem !important;

}

@media (max-width: 991px) {

	.search .enlarged-image {

		min-height: 200px; /* גובה מינימלי לתמונה */

		object-fit: cover; /* מבטיח שהתמונה תמלא את המיכל תוך שמירה על יחס גובה-רוחב */

		width: 100%; /* מבטיח שהתמונה תתפרס לרוחב המלא */

	}

    /* הסתרת view-toggle במובייל */

    .search .view-toggle {

        display: none !important;

    }

    /* תצוגת קוביות בלבד במובייל */

    .search .room-container {

        display: flex;

        flex-wrap: wrap;

    }

    .search .room-item.list-item {

        display: none !important;

    }

    .search .room-item.grid-item {

        width: 100% !important; /* קוביות מלאות רוחב במובייל */

        max-width: 100% !important;

    }

}



/* הגדלת התמונה בתצוגת קוביות */

.search .room-card {

    border: none;

    border-radius: 16px;

    overflow: hidden;

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);

    border: 1px solid rgba(226, 232, 240, 0.6);

    box-shadow: 0 4px 15px rgba(15, 23, 42, 0.08);

    transition: all 0.3s ease;

}



.search .room-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 30px rgba(30, 136, 229, 0.2);

    border-color: rgba(30, 136, 229, 0.4);

}



.search .room-card .card-img-top {

    height: 200px; /* הגדלת גובה התמונה */

    object-fit: cover; /* שמירה על יחס גובה-רוחב */

    transition: transform 0.4s ease;

}



.search .room-card:hover .card-img-top {

    transform: scale(1.05);

}



/* הגדלת התמונה בתצוגת רשימה (רלוונטי לדסקטופ בלבד) */

.search .room-image img {

    height: 150px; /* הגדלת גובה התמונה */

    width: 100%;

    object-fit: cover; /* שמירה על יחס גובה-רוחב */

}

.search .room-card {

    border: none;

    border-radius: 15px;

    overflow: hidden;

    background: #fff;

    transition: transform 0.3s ease, box-shadow 0.3s ease;

}



.search .room-card:hover {

    transform: translateY(-5px);

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);

}



/* תצוגת קוביות */

.search .room-container.grid-view .grid-item {

    display: block;

}



.search .room-container.grid-view .list-item {

    display: none;

}



.search .room-container.grid-view .room-item {

    width: 100%;

}



.search .room-container.grid-view .card-img-top {

    width: 100%;

    height: 200px;

    object-fit: cover;

}



.search .room-container.grid-view .contact-buttons {

    display: flex;

    justify-content: space-between;

    gap: 0.5rem;

}



.search .room-container.grid-view .contact-buttons .btn {

    width: 48%;

    border-radius: 10px;

    font-weight: 600;

    padding: 0.65rem 1rem;

    transition: all 0.3s ease;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

}



.search .contact-buttons .phone-btn {

    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.05) 100%);

    border: 2px solid #1e88e5;

    color: #1e88e5;

}



.search .contact-buttons .phone-btn:hover {

    background: linear-gradient(135deg, #1e88e5 0%, #1976d2 100%);

    color: #fff;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);

}



.search .contact-buttons .whatsapp-btn {

    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);

    border: none;

    color: #fff;

}



.search .contact-buttons .whatsapp-btn:hover {

    background: linear-gradient(135deg, #128c7e 0%, #075e54 100%);

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);

}



/* תצוגת רשימה - List View */

.search .room-card-list {

    flex-direction: row;

}



.search .room-card-list-wrapper {

    display: flex;

    flex-direction: row;

    position: relative;

    width: 100%;

    gap: 1rem;

}



.search .room-card-list-image {

    width: 280px;

    min-width: 280px;

    height: 220px;

    position: relative;

    overflow: hidden;

}



[dir="rtl"] .search .room-card-list-image {

    order: 1;

}



.search .room-card-list-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.4s ease;

}



.search .room-card-list:hover .room-card-list-image img {

    transform: scale(1.05);

}



.search .room-card-list-image .room-card-badge {

    position: absolute;

    top: 12px;

    left: 12px;

}



[dir="rtl"] .search .room-card-list-image .room-card-badge {

    left: auto;

    right: 12px;

}



.search .room-card-list-content {

    flex: 1;

    padding: 1.5rem;

    display: flex;

    flex-direction: column;

}



[dir="rtl"] .search .room-card-list-content {

    order: 2;

}



.search .room-card-list-header {

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    gap: 1rem;

    margin-bottom: 1rem;

}



/* Pricing Options in List View */

.search .room-card-list-pricing {

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    gap: 0.5rem;

    padding: 1rem;

    background: linear-gradient(135deg, rgba(30, 136, 229, 0.03) 0%, rgba(142, 36, 170, 0.03) 100%);

    border-radius: 12px;

    border: 1px solid rgba(30, 136, 229, 0.1);

    min-width: 200px;

    max-width: 215px;

    align-self: stretch;

    height: 100%;

}



[dir="rtl"] .search .room-card-list-pricing {

    order: 3;

}



.search .pricing-option {

    display: flex;

    align-items: center;

    gap: 0.5rem;

    padding: 0.4rem 0.75rem;

    background: rgba(255, 255, 255, 0.9);

    border-radius: 8px;

    border: 1px solid rgba(226, 232, 240, 0.6);

    transition: all 0.3s ease;

    min-width: 160px;

}



.search .pricing-option:hover {

    background: #ffffff;

    border-color: var(--primary-600, #1e88e5);

    box-shadow: 0 2px 8px rgba(30, 136, 229, 0.15);

    transform: translateX(-3px);

}



[dir="rtl"] .search .pricing-option:hover {

    transform: translateX(3px);

}



.search .pricing-option i {

    color: var(--primary-600, #1e88e5);

    font-size: 0.9rem;

}



.search .pricing-label {

    color: var(--neutral-600, #64748b);

    font-size: 0.85rem;

    font-weight: 500;

}



.search .pricing-amount {

    color: var(--primary-700, #1976d2);

    font-size: 0.95rem;

    font-weight: 700;

    margin-left: auto;

}



[dir="rtl"] .search .pricing-amount {

    margin-left: 0;

    margin-right: auto;

}



.search .room-card-list-details {

    display: flex;

    flex-wrap: wrap;

    gap: 0.75rem 1.5rem;

}



.search .room-card-list-details .detail-item {

    display: flex;

    align-items: center;

    gap: 0.5rem;

    color: var(--neutral-600, #64748b);

    font-size: 0.9rem;

}



.search .room-card-list-details .detail-item i {

    color: var(--primary-600, #1e88e5);

    font-size: 1rem;

}



.search .room-card-description {

    color: var(--neutral-600, #64748b);

    font-size: 0.9rem;

    line-height: 1.6;

    margin: 0 0 1rem 0;

}



/* Action Buttons in List View */

.search .room-card-list-content .room-card-actions {

    display: flex;

    gap: 0.75rem;

    margin-top: auto;

    padding-top: 1rem;

    border-top: 1px solid rgba(226, 232, 240, 0.6);

    position: static !important;

    opacity: 1 !important;

    transform: none !important;

    flex-direction: row !important;

}



.search .room-card-actions .room-card-cta {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    padding: 0.85rem 1.25rem;

    border-radius: 10px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;

    font-size: 0.95rem;

}



.search .room-card-actions .phone-btn {

    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.05) 100%);

    border: 2px solid var(--primary-600, #1e88e5);

    color: var(--primary-600, #1e88e5);

}



.search .room-card-actions .phone-btn:hover {

    background: var(--primary-600, #1e88e5);

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);

}



.search .room-card-actions .whatsapp-btn {

    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);

    border: 2px solid #25d366;

    color: #ffffff;

}



.search .room-card-actions .whatsapp-btn:hover {

    background: linear-gradient(135deg, #128c7e 0%, #0a5d52 100%);

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);

}



.search .room-card-actions .room-card-cta i {

    font-size: 1.1rem;

}



/* Override room-cards.css hover behavior for list view */

.search .room-card-list .room-card-actions {

    position: static !important;

    opacity: 1 !important;

    transform: none !important;

}



.search .room-card-list:hover .room-card-actions {

    opacity: 1 !important;

    transform: none !important;

}



/* Google Maps InfoWindow Close Button */

.gm-style-iw-chr {

    position: absolute !important;

}



/* Favorites Page - Copy all styles from search page */

.favorites .section-title {

    background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    position: relative;

    display: inline-block;

    padding-bottom: 0.5rem;

    font-size: clamp(1.3rem, 2vw, 1.6rem);

}



.favorites .form-control,

.favorites .form-select {

    border: 2px solid rgba(226, 232, 240, 0.6);

    border-radius: 10px;

    padding: 0.65rem 1rem;

    transition: all 0.3s ease;

    font-size: 0.95rem;

}



.favorites .form-control:focus,

.favorites .form-select:focus {

    border-color: var(--primary-600, #1e88e5);

    box-shadow: 0 0 0 0.2rem rgba(30, 136, 229, 0.15);

}



.favorites .btn-dark {

    background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    border: none;

    border-radius: 10px;

    padding: 0.65rem 1.5rem;

    font-weight: 600;

    transition: all 0.3s ease;

}



.favorites .btn-dark:hover {

    transform: translateY(-2px);

    box-shadow: 0 4px 16px rgba(30, 136, 229, 0.4);

}



.favorites .btn-outline-secondary {

    border: 2px solid rgba(226, 232, 240, 0.8);

    border-radius: 10px;

    padding: 0.65rem 1.5rem;

    font-weight: 600;

    transition: all 0.3s ease;

    background: #ffffff;

}



.favorites .btn-outline-secondary:hover {

    background: rgba(226, 232, 240, 0.3);

    border-color: rgba(226, 232, 240, 1);

    transform: translateY(-2px);

}



/* City List Styling */

.favorites .city-list .list-group-item {

    border: none;

    border-bottom: 1px solid rgba(226, 232, 240, 0.5);

    padding: 0.75rem 1rem;

    transition: all 0.3s ease;

    background: transparent;

}



.favorites .city-list .list-group-item:hover {

    background: rgba(30, 136, 229, 0.05);

    padding-right: 1.5rem;

}



[dir="rtl"] .favorites .city-list .list-group-item:hover {

    padding-right: 1rem;

    padding-left: 1.5rem;

}



.favorites .city-list .list-group-item a {

    color: var(--neutral-700, #334155);

    text-decoration: none;

    display: flex;

    align-items: center;

    gap: 0.5rem;

}



.favorites .city-list .list-group-item.fw-bold {

    background: rgba(30, 136, 229, 0.08);

    border-bottom: 2px solid rgba(30, 136, 229, 0.3);

    margin-top: 0.5rem;

}



.favorites .city-list .list-group-item.fw-bold a {

    color: var(--primary-700, #1976d2);

    font-weight: 700;

}



.favorites .section-title::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 50px;

    height: 3px;

    background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    transition: width 0.3s ease;

    border-radius: 2px;

}



.favorites .section-title:hover::after {

    width: 100%;

}



.favorites .section-box {

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);

    border: 1px solid rgba(226, 232, 240, 0.6);

    border-radius: 16px;

    padding: 1.5rem;

    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);

    transition: all 0.3s ease;

}



.favorites .section-box:hover {

    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);

    border-color: rgba(30, 136, 229, 0.3);

}



.favorites .map-toggle-btn,

.favorites .view-btn,

.favorites .btn-outline-dark {

    background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(142, 36, 170, 0.05) 100%);

    border: 2px solid rgba(30, 136, 229, 0.3);

    color: var(--primary-700, #1976d2);

    font-weight: 600;

    border-radius: 12px;

    padding: 0.65rem 1.25rem;

    transition: all 0.3s ease;

}



.favorites .map-toggle-btn:hover,

.favorites .view-btn:hover,

.favorites .btn-outline-dark:hover {

    background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    border-color: var(--primary-600, #1e88e5);

    color: #fff;

    transform: translateY(-2px);

    box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);

}



.favorites .view-btn.active {

    background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    border-color: var(--primary-600, #1e88e5);

    color: #fff;

    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);

}



.favorites .room-card-actions-top {

    position: absolute;

    z-index: 9;

    left: 10px;

    top: 8px;

    opacity: 0;

    transform: translateY(-10px);

    transition: all 0.3s ease;

    pointer-events: none;

}



[dir="rtl"] .favorites .room-card-actions-top {

    left: 10px;

    right: auto;

}



.favorites .room-card:hover .room-card-actions-top {

    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;

}



.favorites .room-card-action-btn {

    margin: 5px 0;

}



/* Favorites List View */

.favorites .room-card-list-wrapper {

    display: flex;

    flex-direction: row;

    position: relative;

    width: 100%;

    gap: 1rem;

}



.favorites .room-card-list-image {

    width: 280px;

    min-width: 280px;

    height: 220px;

    position: relative;

    overflow: hidden;

}



[dir="rtl"] .favorites .room-card-list-image {

    order: 1;

}



.favorites .room-card-list-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.3s ease;

}



.favorites .room-card-list:hover .room-card-list-image img {

    transform: scale(1.05);

}



.favorites .room-card-list-pricing {

    display: flex;

    flex-direction: column;

    justify-content: space-around;

    gap: 0.5rem;

    padding: 1rem;

    background: linear-gradient(135deg, rgba(30, 136, 229, 0.03) 0%, rgba(142, 36, 170, 0.03) 100%);

    border-radius: 12px;

    border: 1px solid rgba(30, 136, 229, 0.1);

    min-width: 200px;

    max-width: 200px;

    align-self: stretch;

    height: 100%;

}



[dir="rtl"] .favorites .room-card-list-pricing {

    order: 3;

}



.favorites .pricing-option {

    display: flex;

    align-items: center;

    gap: 0.5rem;

    padding: 0.4rem 0.75rem;

    background: rgba(255, 255, 255, 0.9);

    border-radius: 8px;

    border: 1px solid rgba(226, 232, 240, 0.6);

    transition: all 0.3s ease;

    min-width: 160px;

}



.favorites .pricing-option:hover {

    background: #ffffff;

    border-color: var(--primary-600, #1e88e5);

    box-shadow: 0 2px 8px rgba(30, 136, 229, 0.15);

    transform: translateX(-3px);

}



[dir="rtl"] .favorites .pricing-option:hover {

    transform: translateX(3px);

}



.favorites .pricing-option i {

    color: var(--primary-600, #1e88e5);

    font-size: 0.9rem;

}



.favorites .pricing-label {

    color: var(--neutral-600, #64748b);

    font-size: 0.85rem;

    font-weight: 500;

}



.favorites .pricing-amount {

    color: var(--primary-700, #1976d2);

    font-size: 0.95rem;

    font-weight: 700;

    margin-left: auto;

}



[dir="rtl"] .favorites .pricing-amount {

    margin-left: 0;

    margin-right: auto;

}



.favorites .room-card-list-content {

    flex: 1;

    padding: 1.5rem;

    display: flex;

    flex-direction: column;

}



[dir="rtl"] .favorites .room-card-list-content {

    order: 2;

}



.favorites .room-card-list-content .room-card-actions {

    position: static !important;

    opacity: 1 !important;

    transform: none !important;

    flex-direction: row !important;

    display: flex;

    gap: 0.75rem;

    margin-top: auto;

    padding-top: 1rem;

    border-top: 1px solid rgba(226, 232, 240, 0.6);

}



.favorites .room-card-actions .room-card-cta {

    flex: 1;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

    padding: 0.85rem 1.25rem;

    border-radius: 10px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;

    font-size: 0.95rem;

}



.favorites .room-card-actions .phone-btn {

    background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(30, 136, 229, 0.05) 100%);

    border: 2px solid var(--primary-600, #1e88e5);

    color: var(--primary-600, #1e88e5);

}



.favorites .room-card-actions .phone-btn:hover {

    background: var(--primary-600, #1e88e5);

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);

}



.favorites .room-card-actions .whatsapp-btn {

    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);

    border: 2px solid #25d366;

    color: #ffffff;

}



.favorites .room-card-actions .whatsapp-btn:hover {

    background: linear-gradient(135deg, #128c7e 0%, #0a5d52 100%);

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);

}



.favorites .list-favorite-btn {

    position: absolute;

    z-index: 15;

    top: 12px;

    right: 12px;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.95);

    border: none;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 0.3s ease;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    opacity: 0;

    transform: scale(0.8);

    pointer-events: none;

}



[dir="rtl"] .favorites .list-favorite-btn {

    right: auto;

    left: 12px;

}



.favorites .room-card-list:hover .list-favorite-btn {

    opacity: 1;

    transform: scale(1);

    pointer-events: auto;

}



.favorites .list-favorite-btn:hover {

    transform: scale(1.1) !important;

    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);

}



.favorites .list-favorite-btn i {

    font-size: 1.1rem;

    color: #ef4444;

    transition: all 0.3s ease;

}



.favorites .list-favorite-btn.active {

    background: #ef4444;

}



.favorites .list-favorite-btn.active i {

    color: #ffffff;

}



/* Map Container */

.favorites .map-container {

    height: 500px;

    border-radius: 16px;

    overflow: hidden;

    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);

    transition: all 0.3s ease;

    display: none;

}



.favorites .map-container.active {

    display: block;

}



/* Room Card Headers and Titles */

.favorites .room-card-title {

    font-size: var(--text-lg, 1.125rem);

    font-weight: var(--font-bold, 700);

    margin-bottom: var(--space-2, 0.5rem);

    line-height: var(--leading-tight, 1.25);

}



.favorites .room-card-title a {

    color: var(--neutral-900, #1e293b);

    transition: all 0.3s ease;

    text-decoration: none;

}



.favorites .room-card-title a:hover {

    background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

}



.favorites .room-card-list-header {

    margin-bottom: 0.75rem;

}



.favorites .room-card-location {

    display: flex;

    align-items: center;

    gap: var(--space-2, 0.5rem);

    color: var(--neutral-600, #64748b);

    font-size: var(--text-sm, 0.875rem);

    margin-bottom: var(--space-3, 0.75rem);

}



.favorites .room-card-location i {

    color: var(--primary-500, #1e88e5);

}



.favorites .room-card-meta {

    display: flex;

    align-items: center;

    gap: 1rem;

}



.favorites .room-card-rating {

    display: flex;

    align-items: center;

    gap: var(--space-2, 0.5rem);

    margin-bottom: var(--space-3, 0.75rem);

}



.favorites .room-card-stars {

    display: flex;

    gap: var(--space-1, 0.25rem);

}



.favorites .room-card-stars i {

    color: #fbbf24;

    font-size: 0.85rem;

}



.favorites .room-card-rating-text {

    font-size: var(--text-sm, 0.875rem);

    color: var(--neutral-600, #64748b);

    font-weight: 500;

}



/* Room Card Details for List View */

.favorites .room-card-list-details {

    display: flex;

    flex-wrap: wrap;

    gap: 0.75rem;

    margin-bottom: 1rem;

}



.favorites .detail-item {

    display: flex;

    align-items: center;

    gap: 0.4rem;

    padding: 0.4rem 0.85rem;

    background: rgba(248, 250, 252, 0.8);

    border-radius: 8px;

    font-size: 0.9rem;

    color: var(--neutral-700, #334155);

    transition: all 0.3s ease;

}



.favorites .detail-item:hover {

    background: rgba(30, 136, 229, 0.1);

    color: var(--primary-700, #1976d2);

}



.favorites .detail-item i {

    color: var(--primary-600, #1e88e5);

    font-size: 0.85rem;

}



.favorites .room-card-description {

    color: var(--neutral-600, #64748b);

    font-size: 0.9rem;

    line-height: 1.6;

    margin-bottom: 1rem;

}



/* Grid View Cards */

.favorites .room-card {

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);

    border: 1px solid rgba(226, 232, 240, 0.6);

    border-radius: 16px;

    overflow: hidden;

    transition: all 0.3s ease;

    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);

}



.favorites .room-card:hover {

    transform: translateY(-4px);

    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);

    border-color: rgba(30, 136, 229, 0.3);

}



.favorites .room-card-badges {

    position: absolute;

    top: 12px;

    left: 12px;

    z-index: 10;

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

}



[dir="rtl"] .favorites .room-card-badges {

    left: auto;

    right: 12px;

}



.favorites .room-card-badge {

    display: inline-flex;

    align-items: center;

    gap: 0.4rem;

    padding: 0.4rem 0.85rem;

    border-radius: 20px;

    font-size: 0.8rem;

    font-weight: 600;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

    backdrop-filter: blur(8px);

}



.favorites .badge-vip {

    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);

    color: #ffffff;

}



.favorites .badge-popular {

    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);

    color: #ffffff;

}



.favorites .room-card-distance-badge {

    position: absolute;

    bottom: 12px;

    left: 12px;

    background: rgba(255, 255, 255, 0.95);

    padding: 0.4rem 0.85rem;

    border-radius: 20px;

    font-size: 0.85rem;

    font-weight: 600;

    color: var(--primary-700, #1976d2);

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    display: flex;

    align-items: center;

    gap: 0.3rem;

}



[dir="rtl"] .favorites .room-card-distance-badge {

    left: auto;

    right: 12px;

}



.favorites .room-card-distance-badge i {

    color: var(--primary-600, #1e88e5);

}



.favorites .room-card-image-wrapper {

    position: relative;

    overflow: hidden;

    height: 180px;

}



.favorites .room-card-image {

    width: 100%;

    height: 100%;

    object-fit: cover;

    transition: transform 0.3s ease;

}



.favorites .room-card:hover .room-card-image {

    transform: scale(1.05);

}



.favorites .room-card-body {

    padding: var(--space-4, 1.25rem);

    flex: 1;

    display: flex;

    flex-direction: column;

}



.favorites .room-card-price {

    display: flex;

    align-items: baseline;

    justify-content: space-between;

    padding: 0;

    background: transparent;

    border-radius: 0;

    margin-bottom: var(--space-4, 1rem);

    margin-top: auto;

}



.favorites .room-card-price-amount {

    font-size: 1.5rem;

    font-weight: 700;

    color: var(--primary-600, #1e88e5);

}



.favorites .room-card-price-label {

    color: var(--neutral-600, #64748b);

    font-size: var(--text-sm, 0.875rem);

}



.favorites .room-card-cta-group {

    display: flex;

    gap: var(--space-2, 0.5rem);

    margin-top: 0;

}



.favorites .room-card-cta {

    flex: 1;

    padding: 0.75rem;

    border-radius: 10px;

    text-align: center;

    text-decoration: none;

    font-weight: 600;

    font-size: 0.9rem;

    transition: all 0.3s ease;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.5rem;

}



.favorites .room-card-cta-primary {

    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

    border: none;

    color: #ffffff;

    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);

}



.favorites .room-card-cta-primary:hover {

    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);

    transform: translateY(-2px);

    box-shadow: 0 4px 16px rgba(102, 126, 234, 0.4);

}



.favorites .room-card-cta-secondary {

    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);

    border: none;

    color: #ffffff;

    box-shadow: 0 2px 8px rgba(37, 211, 102, 0.3);

}



.favorites .room-card-cta-secondary:hover {

    background: linear-gradient(135deg, #128c7e 0%, #0a5d52 100%);

    transform: translateY(-2px);

    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);

}



/* Grid View Container */

.favorites .room-container.grid-view {

    display: flex;

    flex-wrap: wrap;

}



.favorites .room-container.list-view {

    display: flex;

    flex-direction: column;

}



.favorites .room-card-list {

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);

    border: 1px solid rgba(226, 232, 240, 0.6);

    border-radius: 16px;

    overflow: hidden;

    transition: all 0.3s ease;

    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);

}



.favorites .room-card-list:hover {

    transform: translateY(-2px);

    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);

    border-color: rgba(30, 136, 229, 0.3);

}



.favorites .room-container.grid-view .list-item {

    display: none !important;

}



.favorites .room-container.list-view .grid-item {

    display: none !important;

}



.favorites .room-container.grid-view .grid-item {

    display: block;

}



.favorites .room-container.list-view .list-item {

    display: block;

    width: 100%;

}



/* Empty State */

.favorites .empty-state {

    text-align: center;

    padding: 4rem 2rem;

}



.favorites .empty-state i {

    font-size: 5rem;

    color: rgba(226, 232, 240, 0.8);

    margin-bottom: 1.5rem;

}



.favorites .empty-state h3 {

    color: var(--neutral-600, #64748b);

    font-size: 1.5rem;

    margin-bottom: 1rem;

}



.favorites .empty-state p {

    color: var(--neutral-500, #94a3b8);

    font-size: 1rem;

    margin-bottom: 2rem;

}



.favorites .empty-state .btn {

    padding: 0.85rem 2rem;

    font-size: 1.05rem;

}



/* Mobile responsive */

@media (max-width: 768px) {

    .favorites .room-card-list-wrapper {

        flex-direction: column;

    }

    

    .favorites .room-card-list-image {

        width: 100%;

        height: 200px;

    }



    [dir="rtl"] .favorites .room-card-list-image {

        order: 0;

    }

    

    .favorites .room-card-list-pricing {

        max-width: 100%;

        min-width: 100%;

    }



    [dir="rtl"] .favorites .room-card-list-pricing {

        order: 0;

    }



    [dir="rtl"] .favorites .room-card-list-content {

        order: 0;

    }



    .favorites .pricing-option {

        padding: 0.65rem 0.85rem;

    }



    .favorites .room-card-actions {

        flex-direction: column;

    }



    .favorites .room-card-actions .room-card-cta {

        width: 100%;

    }

}



.search .list-favorite-btn {

    position: absolute;

    top: 12px;

    right: 12px;

    z-index: 15;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.95);

    border: none;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 0.3s ease;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

    opacity: 0;

    transform: scale(0.8);

    pointer-events: none;

}



[dir="rtl"] .search .list-favorite-btn {

    right: auto;

    left: 255px;

}



/* Show favorite button on card hover */

.search .room-card-list:hover .list-favorite-btn {

    opacity: 1;

    transform: scale(1);

    pointer-events: auto;

}



.search .list-favorite-btn:hover {

    transform: scale(1.1) !important;

    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);

}



.search .list-favorite-btn i {

    font-size: 1.1rem;

    color: #ef4444;

    transition: all 0.3s ease;

}



.search .list-favorite-btn.active {

    background: #ef4444;

}



.search .list-favorite-btn.active i {

    color: #ffffff;

}



/* Mobile responsive */

@media (max-width: 768px) {

    .search .room-card-list-wrapper {

        flex-direction: column;

    }

    

    .search .room-card-list-image {

        width: 100%;

        height: 200px;

    }



    [dir="rtl"] .search .room-card-list-image {

        order: 0;

    }

    

    .search .room-card-list-pricing {

        max-width: 100%;

        min-width: 100%;

    }



    [dir="rtl"] .search .room-card-list-pricing {

        order: 0;

    }



    [dir="rtl"] .search .room-card-list-content {

        order: 0;

    }



    .search .pricing-option {

        padding: 0.65rem 0.85rem;

    }



    .search .room-card-actions {

        flex-direction: column;

    }



    .search .room-card-actions .room-card-cta {

        width: 100%;

    }



    .search .room-card-list-header {

        flex-direction: column;

        align-items: flex-start;

    }

    

    .search .room-card-price-badge {

        align-self: flex-end;

    }

}



/* תגיות לכרטיסיות בעמוד החיפוש */

.search .room-card-badges {

    position: absolute;

    top: 12px;

    left: 12px;

    z-index: 20;

    display: flex;

    flex-direction: column;

    gap: 0.5rem;

}



/* כפתורי פעולה מהירה - מוסתרים כברירת מחדל */

.search .room-card-actions-top {

    position: absolute;

    z-index: 9;

    left: 10px;

    top: 40px;

    opacity: 0;

    transform: translateY(-10px);

    transition: all 0.3s ease;

    pointer-events: none;

}



[dir="rtl"] .search .room-card-actions-top {
    left: 10px;
    right: auto;
}



.search .room-card:hover .room-card-actions-top {

    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;

}



.search .room-card-action-btn {

    margin: 5px 0;

}



[dir="rtl"] .search .room-card-badges {

    left: auto;

    right: 12px;

}



.search .room-card-badge {

    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    padding: 0.35rem 0.75rem;

    border-radius: 20px;

    font-size: 0.75rem;

    font-weight: 600;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);

    backdrop-filter: blur(8px);

    transition: all 0.3s ease;

}



.search .room-card-badge i {

    font-size: 0.85rem;

}



.search .badge-vip {

    background: linear-gradient(135deg, rgba(255, 215, 0, 0.95) 0%, rgba(255, 193, 7, 0.95) 100%);

    color: #1a1a1a;

}



.search .badge-nearby {

    background: linear-gradient(135deg, rgba(16, 185, 129, 0.95) 0%, rgba(5, 150, 105, 0.95) 100%);

    color: #ffffff;

    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);

}



.search .badge-popular {

    background: rgba(156, 39, 176, 0.95);

    color: #ffffff;

}



.search .urgency-badge {

    position: absolute;

    bottom: 60px;

    left: auto !important;

    display: inline-flex;

    align-items: center;

    gap: 0.35rem;

    padding: 0.35rem 0.85rem;

    border-radius: 20px;

    background: rgba(255, 107, 107, 0.95);

    color: #ffffff;

    font-size: 0.75rem;

    font-weight: 600;

    box-shadow: 0 2px 8px rgba(255, 107, 107, 0.3);

    animation: pulse 2s ease-in-out infinite;

    z-index: 10;

}



[dir="rtl"] .search .urgency-badge {

    left: auto;

    right: 12px;

}



@keyframes pulse {

    0%, 100% { 

        opacity: 1;

        transform: scale(1);

    }

    50% { 

        opacity: 0.9;

        transform: scale(1.02);

    }

}



/* כפתורי פעולה מהירה בעמוד החדר */

.room .room-card-actions-top {

    position: absolute;

    z-index: 9;

    left: 10px;

    top: 8px;

    opacity: 0;

    transform: translateY(-10px);

    transition: all 0.3s ease;

    pointer-events: none;

}



[dir="rtl"] .room .room-card-actions-top {

    left: 10px;

    right: auto;

}



.room .room-card:hover .room-card-actions-top {

    opacity: 1;

    transform: translateY(0);

    pointer-events: auto;

}



.room .room-card-action-btn {

    margin: 5px 0;

}



/* תצוגת רשימה */

.search .room-container.list-view .grid-item {

    display: none;

}



.search .room-container.list-view .list-item {

    display: block;

}



.search .room-container.list-view .room-item {

    width: 100%;

}



.search .room-container.list-view .room-img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    

}



.search .room-container.list-view .room-image {

    width: 30%;

	height: 100%;

}



.search .room-container.list-view .room-details {

    width: 70%;

    padding: 10px;

}



/* כפתורי פעולה */

.search .contact-buttons .btn {

    font-size: 14px;

}



.search .show-route {

    font-size: 14px;

}



/* התאמות רספונסיביות */

@media (max-width: 767px) {

   .search  .room-container.grid-view .card-img-top {

        height: 150px;

    }



    .search .room-container.list-view .room-img {

        height: 120px;

    }



    .search .room-container.list-view .room-image {

        width: 40%;

    }



    .search .room-container.list-view .room-details {

        width: 60%;

    }



    .search .room-details .card-title {

        font-size: 1.15rem;

        font-weight: 700;

        background: linear-gradient(135deg, #1e88e5 0%, #8e24aa 100%);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-clip: text;

        transition: all 0.3s ease;

    }



    .search .room-card:hover .card-title {

        transform: translateX(5px);

    }



    [dir="rtl"] .search .room-card:hover .card-title {

        transform: translateX(-5px);

    }



    .search .room-details .badge {

        font-size: 0.85rem;

        font-weight: 600;

        padding: 0.5rem 1rem;

        border-radius: 10px;

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        color: #fff;

        box-shadow: 0 2px 8px rgba(30, 136, 229, 0.25);

        transition: all 0.3s ease;

    }



    .search .room-card:hover .badge {

        transform: scale(1.05);

        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.35);

    }



    .search .room-details .text-muted {

        font-size: 12px;

    }

}



@media (max-width: 576px) {

    .search .room-container.list-view .room-img {

        height: 100px;

    }



    .search .room-container.list-view .room-image {

        width: 100%;

    }



    .search .room-container.list-view .room-details {

        width: 100%;

    }



    .search .room-container.grid-view .contact-buttons .btn {

        width: 100%;

        margin-bottom: 10px;

    }



    

}

/*דישט*/

    



    .search .room-card {

        border: none;

        border-radius: 15px;

        overflow: hidden;

        background: #fff;

        transition: transform 0.3s ease, box-shadow 0.3s ease;

    }



   .search  .me-2 {

        margin-left: 0.5rem !important;

    }



   .search  .room-card:hover {

        transform: translateY(-5px);

        box-shadow: 0 10px 30px var(--shadow-color);

    }



    .search .room-card .card-img-top {

        /*height: 200px;*/

        object-fit: cover;

        transition: transform 0.5s ease;

    }



    .search .room-card:hover .card-img-top {

        transform: scale(1.05);

    }



    /*.search .highlighted {

        border: 2px solid #000000;

		background-color: #000000;

		color: #fff;

    }

	.search .highlighted h3 a, .search .highlighted h2 a{

		color: #fff !important;

	}

	.search .highlighted .text-muted{

		color: #fff !important;

	}

	.search .highlighted button{

		color: #fff !important;

	}

    .search .highlighted .list-group-item {

        background-color: transparent;

    }*/



   .search  .section-title {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-clip: text;

        font-size: clamp(1.3rem, 2vw, 1.6rem);

        font-weight: 700;

        padding-bottom: 0.5rem;

        display: inline-block;

        position: relative;

        transition: all 0.3s ease;

    }



    .search .section-title::after {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        width: 50px;

        height: 3px;

        background: linear-gradient(90deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border-radius: 10px;

        transition: width 0.3s ease;

    }



    .search .section-title:hover::after {

        width: 100%;

    }



    .search .section-box {

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);

        border: 1px solid rgba(226, 232, 240, 0.7);

        padding: 1.5rem;

        border-radius: 16px;

        box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);

        transition: all 0.3s ease;

        position: relative;

        overflow: hidden;

    }



    .search .section-box::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 4px;

        height: 100%;

        background: linear-gradient(180deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        opacity: 0;

        transition: opacity 0.3s ease;

    }

   .search  .asdasd {

        direction: ltr;

    }

    .search .asdasd button {

        direction: rtl;

    }



    .search .section-box:hover {

        transform: translateY(-5px);

        box-shadow: 0 8px 30px rgba(30, 136, 229, 0.15);

    }



    .search .section-box:hover::before {

        opacity: 1;

    }



    .search .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); }

    }



    .search .animate-slide {

        animation: slideUp 0.8s ease forwards;

    }



    .search .animate-slide-in {

        animation: fadeIn 0.8s ease forwards;

    }



    .search #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;

    }



    .search #map.active {

        max-height: 600px;

    }



    .search .map-error {

        padding: 20px;

        text-align: center;

        color: #dc3545;

        font-size: 1.1rem;

        background: #fff;

        border-radius: 8px;

        margin: 10px;

    }



    .search .map-toggle-btn, 
    .search .view-btn,
    .search .btn-outline-dark {

        background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(142, 36, 170, 0.05) 100%);

        border: 2px solid rgba(30, 136, 229, 0.3);

        color: var(--primary-700, #1976d2);

        font-weight: 600;

        border-radius: 12px;

        padding: 0.65rem 1.25rem;

        transition: all 0.3s ease;

        box-shadow: 0 2px 8px rgba(30, 136, 229, 0.1);

    }



    .search .map-toggle-btn:hover,
    .search .view-btn:hover,
    .search .btn-outline-dark:hover {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border-color: var(--primary-600, #1e88e5);

        color: #fff;

        transform: translateY(-2px);

        box-shadow: 0 6px 16px rgba(30, 136, 229, 0.25);

    }



    .search .view-btn.active {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border-color: var(--primary-600, #1e88e5);

        color: #fff;

        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);

    }



    .search .map-toggle-btn:hover, .view-btn:hover {

        background-color: var(--primary-color);

        color: #fff;

        transform: scale(1.05);

    }



    .search .input-group.rtl-input-group {

        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;

        display: flex;

        flex-direction: row;

        gap: 0.25rem;

    }



    



    .search .room-container {

        transition: all 0.3s ease;

    }



    .search .room-container.list-view .room-item {

        width: 100%;

    }



    .search .room-container.list-view .room-card {

        display: flex;

        flex-direction: row;

        height: auto;

		overflow: hidden;

    }

	.search .asasd{

		display: block !important;

	}

    .search .room-container.list-view .room-card .card-img-top {

        width: 66.67%;

		min-height: 336px;

		max-height: 429px;

		object-fit: cover;

    }



    .search .room-container.list-view .room-card .card-body {

        width: 33.33%;

        padding: 8px 25px 15px;

    }



    .search .room-container.grid-view .room-item {

        width: 33.33%;

    }



    .search .room-container.grid-view .room-card {

        display: flex;

        flex-direction: column;

        height: 100%;

    }



    .search .room-container.grid-view .room-card .card-img-top {

        height: 200px;

        object-fit: cover;

    }



    .search .room-container.grid-view .room-card .card-body {

        flex-grow: 1;

		padding: 15px;

		display: flex;

		flex-direction: column;

		justify-content: space-between;

    }

	.search .align-items-center, .index .align-items-center { 

		align-items: top !important;

	}

	.search .justify-content-between, .index .justify-content-between {

		justify-content: space-between !important;

	}

	.search .d-flex, .index .d-flex {

		display: flex !important;

		align-items: flex-start !important;

	}

	

    .search .room-container.grid-view .contact-buttons {

        flex-direction: row;

        gap: 8px;

    }



    .search .room-container.grid-view .show-route {

        margin-top: auto;

    }



	/*.search .highlighted .room-container.grid-view .show-route {

        margin-top: auto;

		border: 1px solid #fff;

    }*/

	



    @media (max-width: 991px) {

        .search .room-container.grid-view .room-item {

            width: 50%;

        }

    }



    @media (max-width: 767px) {

        .search .room-container.grid-view .room-item {

            width: 100%;

        }



        .search .room-card .card-img-top {

            height: 150px;

        }



       .search  #map {

            height: 350px;

        }



       .search  #map.active {

            max-height: 350px;

        }



        .search .filter-card {

            position: static;

        }



        .search .filter-card .section-box {

            padding: 15px;

        }



        .search .contact-buttons .btn {

            font-size: 0.85rem;

            padding: 6px;

        }



        .search .pricing-list .list-group-item {

            font-size: 0.85rem;

        }



        .search .room-card .card-title {

            font-size: 0.95rem;

        }



        .search .form-control, .btn-primary, .form-label, .range-values {

            font-size: 0.9rem;

        }



        .search .star-rating {

            font-size: 1rem;

        }

		.search .badge {

			font-size: 1.2rem;

		}

		



    }



    .search .form-control.input-shadow {

        border: none;

        box-shadow: 0 2px 10px var(--shadow-color);

        transition: box-shadow 0.3s ease;

    }



    .search .form-control.input-shadow:focus {

        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);

        border-color: var(--primary-color);

    }



    .search .btn-hover-scale {

        transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;

    }



    .search .btn-hover-scale:hover {

        transform: scale(1.05);

    }

	.search .asdmnuh{

		padding: 0;

	}

    .search .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);

	}



    .search .pricing-list .list-group-item:hover {

        background: var(--background-light);

        transform: translateX(5px);

    }



    .search .pricing-list .list-group-item:hover .price-icon {

        transform: rotate(360deg);

    }



    .search .price-icon {

        color: var(--primary-color);

        transition: transform 0.3s ease;

    }



    .search .contact-buttons .btn {

        padding: 8px;

        font-size: 0.9rem;

        border-radius: 8px;

        text-align: center;

        display: flex;

        align-items: center;

        justify-content: center;

    }



    .search .btn-outline-success {

        color: #008f36;

		border-color: #008f36;

    }



    .search .btn-outline-success:hover {

        background-color: #25d366;

        color: #fff;

    }



    .search .star-rating {

        display: flex;

        flex-direction: <?php echo $language === 'he' ? 'row' : 'row-reverse'; ?>;

        gap: 8px;

        font-size: 1.2rem;

        cursor: pointer;

    }



    .search .star {

        color: #ccc;

        transition: color 0.3s ease, transform 0.3s ease;

    }



    .search .star i {

        transition: all 0.3s ease;

    }



    .search .star:hover i, .star:hover ~ .star i, .star.filled i, .star.filled ~ .star i {

        color: #ffc107;

        transform: scale(1.2);

    }



   .search  .star:focus {

        outline: 2px solid var(--primary-color);

        outline-offset: 2px;

    }



    .search .range-container {

        display: flex;

        gap: 10px;

        align-items: center;

    }



    .search .form-range {

        -webkit-appearance: none;

        appearance: none;

        height: 6px;

        background: #ddd;

        border-radius: 50px;

        outline: none;

        transition: background 0.3s ease;

    }



    .search .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;

    }



    .search .form-range::-webkit-slider-thumb:hover {

        transform: scale(1.2);

        box-shadow: 0 0 0 5px rgba(0, 123, 255, 0.2);

    }



    .search .range-values {

        font-size: 0.9rem;

        color: var(--text-muted);

        margin-top: 8px;

        text-align: <?php echo $language === 'he' ? 'right' : 'left'; ?>;

    }



    .search .route-info {

        background: #fff !important;

        border-radius: 8px;

        box-shadow: 0 2px 5px var(--shadow-color);

        transition: transform 0.3s ease, opacity 0.3s ease;

    }

	

	/*.search .highlighted .route-info {

        background: #000 !important;

        border-radius: 8px;

        box-shadow: 0 2px 5px var(--shadow-color);

        transition: transform 0.3s ease, opacity 0.3s ease;

    }*/





    .search .route-info h4 {

        color: var(--primary-color);

        font-size: 0.9rem;

    }



    .search .route-info p {

        font-size: 0.85rem;

        color: var(--text-muted);

    }



    .search .badge {

        font-size: 0.9rem;

		display: block;

		padding: 6px 10px;

    }

.room .highlighted .btmborder{

	border:1px solid #fff;

	color:#fff;

}

.room .navbar-nav .nav-link:hover{

	background-color:#000;

}

.room .masonry-gallery {

        background: #fff;

        padding: 25px;

        border-radius: 10px;

        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);

        margin-bottom: 25px;

    }



.room .grid {

  background: #fff;

  max-width: 1200px;

  

}

.room .grid-item img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        display: block;

        cursor: pointer;

        transition: transform 0.3s ease, box-shadow 0.3s ease;

		border: 2px solid #333;

  border-color: hsla(0, 0%, 0%, 0.5);

  border-radius: 5px;

    }

/* clearfix */

.room .grid:after {

  content: '';

  display: block;

  clear: both;

}



/* ---- grid-item ---- */



.room .grid-item {

  width: 400px;

  height: auto;

  padding: 15px;

  float: right;

  

  

}



.room .grid-item--width2 { width: 400px; }

.room .grid-item--width3 { width: 480px; }

.room .grid-item--width4 { width: 640px; }



.room .grid-item--height2 { height: 200px; }

.room .grid-item--height3 { height: 260px; }

.room .grid-item--height4 { height: 360px; }



.room .mod{

	display:none !important;

}

.room .des{

	display:block !important;

}

.room .csd {

    display:none;

}

.room .pricing-contact-box .pricing-list .list-group-item span{

	font-size: 1.3vw;

    font-weight: 500;

}

.me-3 {

    margin-left: 1rem !important;

}

.room .text-muted{

	font-size:1.3rem;

	color:#000 !important;

}

.room .fs-5 {

    font-size: 1.45rem !important;

}

    body {

        background-color: var(--background-light);

        font-family: 'Rubik', sans-serif;

    }



    .room .room-card {

        border: none;

        border-radius: 20px;

        overflow: hidden;

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);

        border: 1px solid rgba(226, 232, 240, 0.6);

        box-shadow: 0 8px 30px rgba(15, 23, 42, 0.1);

        transition: all 0.3s ease;

    }

    .room .lg-outer .lg-inner {

        direction: ltr;

    }

	.room .pricing-contact-box ul{

		padding: 0px;

	}

	.room .asasd{

		display: block !important;

	}

	.room .axc{

		justify-content: space-between;

	}

    .room .room-card:hover {

        transform: translateY(-8px);

        box-shadow: 0 15px 45px rgba(30, 136, 229, 0.2);

        border-color: rgba(30, 136, 229, 0.3);

    }



    .room .card-img-top {

        height: 500px;

        object-fit: cover;

        transition: transform 0.5s ease;

    }



    .room .room-card:hover .card-img-top {

        transform: scale(1.02);

    }



    .room .section-title {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        background-clip: text;

        font-size: clamp(1.5rem, 2.5vw, 2rem);

        font-weight: 700;

        padding-bottom: 0.75rem;

        display: inline-block;

        position: relative;

        transition: all 0.3s ease;

    }



    .room .section-title::after {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        width: 60px;

        height: 3px;

        background: linear-gradient(90deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border-radius: 10px;

        transition: width 0.3s ease;

    }



    .room .section-title:hover::after {

        width: 100%;

    }



    .room .section-subtitle {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        color: #fff;

        position: relative;

        padding: 0.75rem 1.5rem;

        border-radius: 12px;

        font-size: 1.1rem;

        font-weight: 600;

        display: inline-flex;

        align-items: center;

        gap: 0.5rem;

        box-shadow: 0 4px 15px rgba(30, 136, 229, 0.3);

        transition: all 0.3s ease;

    }



    .room .section-subtitle:hover {

        transform: translateY(-2px);

        box-shadow: 0 6px 20px rgba(30, 136, 229, 0.4);

    }



    .room .section-subtitle i {

        font-size: 1.2rem;

    }



    .room .section-box {

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);

        padding: 2rem;

        margin: 1.5rem 0;

        border-radius: 16px;

        border: 1px solid rgba(226, 232, 240, 0.7);

        box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);

        transition: all 0.3s ease;

        position: relative;

        overflow: hidden;

    }



    .room .section-box::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 4px;

        height: 100%;

        background: linear-gradient(180deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        opacity: 0;

        transition: opacity 0.3s ease;

    }



    .room .section-box:hover {

        transform: translateY(-5px);

        box-shadow: 0 8px 30px rgba(30, 136, 229, 0.15);

    }



    .room .section-box:hover::before {

        opacity: 1;

    }



    @keyframes fadeIn {

        from { opacity: 0; }

        to { opacity: 1; }

    }



    @keyframes slideUp {

        from { opacity: 0; transform: translateY(20px); }

        to { opacity: 1; transform: translateY(0); }

    }



    .room .animate-fade-in {

        animation: fadeIn 1s ease forwards;

    }



    .room .animate-slide-up {

        animation: slideUp 0.8s ease forwards;

    }



    .room #map {

        height: 600px;

        border-radius: 10px;

        box-shadow: 0 4px 15px var(--shadow-color);

    }



    .room .map-toggle-btn {

        border-radius: 50px;

        padding: 10px 20px;

        transition: var(--transition);

    }



    .room .map-toggle-btn:hover {

        background-color: var(--primary-color);

        color: #fff;

        transform: scale(1.05);

    }



    .room .input-group.rtl-input-group {

        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;

        flex-direction: row;

        gap: 0.25rem;

    }



    .room .form-control.input-shadow {

        border: none;

        box-shadow: 0 2px 10px var(--shadow-color);

        transition: box-shadow 0.3s ease;

    }



    .room .form-control.input-shadow:focus {

        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2);

        border-color: var(--primary-color);

    }



    .room .btn-hover-scale {

        transition: transform 0.3s ease, background-color 0.3s ease, color 0.3s ease;

    }



    .room .btn-hover-scale:hover {

        transform: scale(1.01);

    }



    .room .pricing-list .list-group-item {

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.9) 100%);

        border: 1px solid rgba(226, 232, 240, 0.5);

        border-radius: 12px;

        padding: 1rem 1.5rem;

        margin-bottom: 0.75rem;

        transition: all 0.3s ease;

        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);

    }



    .room .pricing-list .list-group-item:hover {

        background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(142, 36, 170, 0.05) 100%);

        transform: translateX(-5px) scale(1.02);

        border-color: rgba(30, 136, 229, 0.3);

        box-shadow: 0 4px 15px rgba(30, 136, 229, 0.15);

    }



    .room .pricing-list .list-group-item:hover .price-icon {

        transform: scale(1.2) rotate(10deg);

        color: var(--primary-600, #1e88e5);

    }



    .room .price-icon {

        color: var(--primary-600, #1e88e5);

        transition: all 0.3s ease;

        font-size: 1.1rem;

    }



    .room .pricing-list .badge {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        padding: 0.5rem 1rem;

        font-size: 1.1rem;

        font-weight: 600;

        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.3);

    }



    .room .amenities-list .list-group-item {

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(248, 250, 252, 0.9) 100%);

        border: 1px solid rgba(226, 232, 240, 0.5);

        border-radius: 10px;

        padding: 0.85rem 1.25rem;

        margin-bottom: 0.65rem;

        transition: all 0.3s ease;

        box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);

    }



    .room .amenities-list .list-group-item:hover {

        background: linear-gradient(135deg, rgba(78, 205, 196, 0.08) 0%, rgba(81, 207, 102, 0.08) 100%);

        transform: translateX(-5px) scale(1.02);

        border-color: rgba(78, 205, 196, 0.4);

        box-shadow: 0 4px 15px rgba(78, 205, 196, 0.2);

    }



    .room .amenity-icon {

        color: var(--accent-secondary, #4ecdc4);

        transition: all 0.3s ease;

        font-size: 1.1rem;

    }



    .room .amenities-list .list-group-item:hover .amenity-icon {

        transform: scale(1.2) rotate(-10deg);

        color: var(--accent-success, #51cf66);

    }



    .room .room-features-list {

        display: flex;

        flex-wrap: wrap;

        flex-direction: row;

        padding: 25px;

        gap: 10px;

    }



    .room .me-2 {

        margin-left: .5rem !important;

    }



    .room .room-features-list .list-group-item {

        width: 48%;

        background: #fff;

        border: none;

        padding: 12px 20px;

        transition: var(--transition);

    }



    .room .room-features-list .list-group-item:hover {

        background: var(--background-light);

        transform: translateX(5px);

    }



    .room .room-features-list .list-group-item:hover .feature-icon {

        transform: rotate(360deg);

    }



    .room .feature-icon {

        color: #000;

        transition: transform 0.3s ease;

    }



    .room .pricing-contact-box {

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);

        padding: 1.75rem;

        border-radius: 18px;

        border: 1px solid rgba(226, 232, 240, 0.6);

        box-shadow: 0 8px 25px rgba(15, 23, 42, 0.1);

        position: relative;

        overflow: hidden;

    }



    .room .pricing-contact-box::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        height: 4px;

        background: linear-gradient(90deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    }



    .room .pricing-contact-box .pricing-list .list-group-item {

        background: transparent;

    border-bottom: 1px solid #000;

    padding: 19px 16px;

    border-radius: 0;

    }



    .room .pricing-contact-box .pricing-list .list-group-item:hover {

        background: rgb(255 111 97 / 0%);

        transform: translateX(5px);

    }



    .room .pricing-contact-box .pricing-list .list-group-item:hover .price-icon {

        transform: rotate(360deg);

    }



    .room .price-badge {

        font-size: 1.5rem;

        font-weight: 600 !important;

		padding: 5px 10px;

        background-color: #000 !important;

        color: #fff;

    }



    .room .contact-buttons {

        width: 100%;

        gap: 10px;

    }



    .room .contact-buttons .btn {

        flex: 1;

        padding: 0.9rem 1.5rem;

        font-size: 1rem;

        font-weight: 600;

        border-radius: 12px;

        text-align: center;

        display: flex;

        align-items: center;

        justify-content: center;

        gap: 0.5rem;

        margin: 10px 0;

        transition: all 0.3s ease;

        box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);

    }



    .room .contact-buttons .btn-outline-dark {

        background: linear-gradient(135deg, rgba(15, 23, 42, 0.05) 0%, rgba(30, 136, 229, 0.05) 100%);

        border: 2px solid rgba(15, 23, 42, 0.2);

        color: #0f172a;

    }



    .room .contact-buttons .btn-outline-dark:hover {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--primary-700, #1976d2) 100%);

        border-color: var(--primary-600, #1e88e5);

        color: #fff;

        transform: translateY(-3px);

        box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);

    }



    .room .contact-buttons .btn-success {

        background: linear-gradient(135deg, #25d366 0%, #128c7e 100%);

        border: none;

        color: #fff;

    }



    .room .contact-buttons .btn-success:hover {

        background: linear-gradient(135deg, #128c7e 0%, #075e54 100%);

        transform: translateY(-3px);

        box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4);

    }



    .room .map-toggle-btn,
    .room .btn-outline-dark.map-toggle-btn {

        background: linear-gradient(135deg, rgba(30, 136, 229, 0.1) 0%, rgba(142, 36, 170, 0.1) 100%);

        border: 2px solid rgba(30, 136, 229, 0.3);

        color: var(--primary-700, #1976d2);

        font-weight: 600;

        padding: 0.75rem 1.5rem;

        border-radius: 12px;

        transition: all 0.3s ease;

        box-shadow: 0 4px 12px rgba(30, 136, 229, 0.15);

    }



    .room .map-toggle-btn:hover,
    .room .btn-outline-dark.map-toggle-btn:hover {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border-color: var(--primary-600, #1e88e5);

        color: #fff;

        transform: translateY(-3px);

        box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);

    }



    .room .gallery-section {

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);

        border: 1px solid rgba(226, 232, 240, 0.6);

        border-radius: 20px;

        padding: 2rem;

        box-shadow: 0 8px 25px rgba(15, 23, 42, 0.1);

        position: relative;

        overflow: hidden;

    }



    .room .gallery-section::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        height: 4px;

        background: linear-gradient(90deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

    }



    .room .swiper-container {

        max-width: 100%;

        padding: 15px;

        position: relative;

        box-sizing: border-box;

        border-radius: 16px;

        overflow: hidden;

    }



    .room .swiper-slide .gallery-image {

        width: 100%;

        height: 400px;

        object-fit: cover;

        border-radius: 16px;

        border: 2px solid rgba(226, 232, 240, 0.6);

        box-shadow: 0 8px 25px rgba(15, 23, 42, 0.12);

        transition: all 0.4s ease;

    }



    .room .swiper-slide:hover .gallery-image {

        transform: scale(1.03);

        box-shadow: 0 12px 35px rgba(30, 136, 229, 0.2);

        border-color: rgba(30, 136, 229, 0.4);

    }



    .room .swiper-button-prev,

    .room .swiper-button-next {

        color: #fff;

        width: 48px;

        height: 48px;

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border-radius: 50%;

        top: 50%;

        transform: translateY(-50%);

        margin: 0 10px;

        box-shadow: 0 4px 15px rgba(30, 136, 229, 0.3);

        transition: all 0.3s ease;

    }



    .room .swiper-button-prev:hover,

    .room .swiper-button-next:hover {

        background: linear-gradient(135deg, var(--primary-700, #1976d2) 0%, var(--secondary-700, #7b1fa2) 100%);

        transform: translateY(-50%) scale(1.1);

        box-shadow: 0 6px 20px rgba(30, 136, 229, 0.4);

    }



    .room .swiper-button-prev:after,

    .room .swiper-button-next:after {

        font-family: "Font Awesome 5 Free";

        font-weight: 900;

        font-size: 22px;

        color: #fff;

    }



    .room .swiper-button-prev:after {

        content: "\f053"; /* FontAwesome chevron-left */

    }



    .room .swiper-button-next:after {

        content: "\f054"; /* FontAwesome chevron-right */

    }



    [dir="rtl"] .room .swiper-button-prev:after {

        content: "\f054"; /* FontAwesome chevron-right for RTL */

    }



    [dir="rtl"] .room .swiper-button-next:after {

        content: "\f053"; /* FontAwesome chevron-left for RTL */

    }



    .room .swiper-pagination {

        bottom: 10px;

        z-index: 10;

    }



    .room .swiper-pagination-bullet {

        background: var(--primary-600, #1e88e5);

        width: 12px;

        height: 12px;

        opacity: 0.5;

        transition: all 0.3s ease;

    }



    .room .swiper-pagination-bullet:hover {

        opacity: 0.8;

        transform: scale(1.2);

    }



    .room .swiper-pagination-bullet-active {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        opacity: 1;

        width: 30px;

        border-radius: 6px;

    }



    .room .lg-sub-html {

        font-family: 'Rubik', sans-serif;

        font-size: 14px;

        color: #ffffff;

        background: rgba(0, 0, 0, 0.7);

        padding: 10px;

        text-align: right;

        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;

    }



    .room .review-card {

        border: none;

        border-radius: 16px;

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);

        border: 1px solid rgba(226, 232, 240, 0.6);

        box-shadow: 0 4px 15px rgba(15, 23, 42, 0.08);

        transition: all 0.3s ease;

        overflow: hidden;

        position: relative;

    }



    .room .review-card::before {

        content: '';

        position: absolute;

        top: 0;

        left: 0;

        width: 4px;

        height: 100%;

        background: linear-gradient(180deg, var(--accent-info, #4dabf7) 0%, var(--accent-secondary, #4ecdc4) 100%);

        opacity: 0;

        transition: opacity 0.3s ease;

    }



    .room .review-card:hover {

        transform: translateY(-5px);

        box-shadow: 0 8px 30px rgba(77, 171, 247, 0.2);

        border-color: rgba(77, 171, 247, 0.4);

    }



    .room .review-card:hover::before {

        opacity: 1;

    }



    .room .review-form {

        background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 250, 252, 0.95) 100%);

        border: 1px solid rgba(226, 232, 240, 0.6);

        border-radius: 18px;

        box-shadow: 0 6px 20px rgba(15, 23, 42, 0.1);

        padding: 2rem;

    }



    .room .btn-primary {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border: none;

        border-radius: 12px;

        padding: 0.85rem 2rem;

        font-size: 1.05rem;

        font-weight: 600;

        color: #fff;

        box-shadow: 0 4px 15px rgba(30, 136, 229, 0.3);

        transition: all 0.3s ease;

    }



    .room .btn-primary:hover {

        background: linear-gradient(135deg, var(--primary-700, #1976d2) 0%, var(--secondary-700, #7b1fa2) 100%);

        transform: translateY(-3px);

        box-shadow: 0 8px 25px rgba(30, 136, 229, 0.4);

    }



    .room .btn-outline-primary {

        background: transparent;

        border: 2px solid var(--primary-600, #1e88e5);

        border-radius: 12px;

        padding: 0.85rem 2rem;

        font-size: 1.05rem;

        font-weight: 600;

        color: var(--primary-600, #1e88e5);

        transition: all 0.3s ease;

    }



    .room .btn-outline-primary:hover {

        background: linear-gradient(135deg, var(--primary-600, #1e88e5) 0%, var(--secondary-600, #8e24aa) 100%);

        border-color: var(--primary-600, #1e88e5);

        color: #fff;

        transform: translateY(-3px);

        box-shadow: 0 8px 20px rgba(30, 136, 229, 0.3);

    }



    .room .star-rating {

        display: flex;

        flex-direction: <?php echo $language === 'he' ? 'row-reverse' : 'row'; ?>;

        justify-content: flex-end;

        gap: 8px;

        font-size: 28px;

        cursor: pointer;

        direction: <?php echo $language === 'he' ? 'rtl' : 'ltr'; ?>;

    }



    .room .star {

        color: #ccc;

        transition: color 0.3s ease, transform 0.3s ease;

    }



    .room .star i {

        transition: all 0.3s ease;

    }



    .room .star:hover i,

    .room .star:hover ~ .star i,

    .room .star.selected i,

    .room .star.selected ~ .star i {

        color: #ffc107;

        transform: scale(1.2);

    }



    .room .star:focus {

        outline: 2px solid var(--primary-color);

        outline-offset: 2px;

    }



    .room #char-count {

        font-size: 14px;

        transition: color 0.3s ease;

    }



    /* Nearby Rooms Styles */

    .room .nearby-room-card {

        border: none;

        border-radius: 10px;

        overflow: hidden;

        background: #fff;

        transition: transform 0.3s ease, box-shadow 0.3s ease;

    }

.room .room-features-list, .room .list-group-flush, .room .list-group{

	padding: 10px;

}

.room .room-features-list .list-group-item, .room .amenities-list .list-group-item, .room .pricing-list .list-group-item{

	padding: 0px 0px;

	font-size: 20px;

}

    .room .nearby-room-card:hover {

        transform: translateY(-5px);

        box-shadow: 0 8px 25px var(--shadow-color);

    }



    .room .nearby-room-card .card-img-top {

        height: 200px;

        object-fit: cover;

        transition: transform 0.5s ease;

    }



    .room .room .nearby-room-card:hover .card-img-top {

        transform: scale(1.05);

    }



    .room .nearby-room-card .card-body {

        padding: 15px;

    }



    .room .nearby-room-card .card-title {

        color: #333;

        margin-bottom: 10px;

        transition: color 0.3s ease;

    }



    .room .nearby-room-card .card-title:hover {

        color: var(--primary-color);

    }



    .room .nearby-room-card .btn {

        width: 100%;

        padding: 8px;

        font-size: 0.9rem;

        transition: var(--transition);

    }



    .room .nearby-room-card .btn:hover {

        background-color: var(--primary-color);

        color: #fff;

        transform: scale(1.05);

    }

@media (max-width: 1200px) {

    .room .pricing-contact-box .pricing-list .list-group-item span {

        font-size: 1.6vw;

    }

}

    @media (max-width: 767px) {

        .room .card-img-top {

            height: 300px;

        }

		.room .pricing-contact-box .pricing-list .list-group-item span{

			font-size: 4vw;

		}

		.room .section-box {

			padding: 10px;

		}

		.room .fs-5 {

    font-size: 1.2rem !important;

}

.room .room-features-list, .room .list-group-flush, .room .list-group{

	padding: 10px;

}

.room .room-features-list .list-group-item, .room .amenities-list .list-group-item, .room .pricing-list .list-group-item{

	padding: 0px 0px;

	font-size: 18px;

}









.room .mod{

	display:block !important;

}

.room .des{

	display:none !important;

}

.room .csd {

    background: #0000006b;

    position: absolute;

    bottom: 0;

    height: 65px;

    width: 100%;

	display:block;

    color: #fff;

    padding: 10px;

    font-size: 30px;

}

.room .fs-6 {

    font-size: 1.2rem !important;

}

        .room #map {

            height: 300px;

        }



        .room .swiper-slide .gallery-image {

            height: 250px;

        }



        .room .swiper-container {

            padding: 10px;

        }



        .room .room-features-list .list-group-item {

            width: 100%;

        }



        .room .form-control, .btn-primary, .section-subtitle, .alert {

            font-size: 14px;

        }



        .room .pricing-contact-box {

            padding: 15px;

        }



        .room .contact-buttons .btn {

            font-size: 1rem;

            padding: 10px;

        }



        .room .price-badge {

            font-size: 1.2rem;

            padding: 8px 15px;

			

        }



        .room .nearby-room-card .card-img-top {

            height: 150px;

        }



        .room .nearby-room-card .card-body {

            padding: 10px;

        }



        .room .nearby-room-card .card-title {

            font-size: 0.9rem;

        }



        .room .nearby-room-card .btn {

            font-size: 0.8rem;

            padding: 6px;

        }

    }