/* Поиск отеля над списком отелей страны (../components/hotel-search.blade.php) */
.hsearch { margin: 8px 0 24px; }
.hsearch__label { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 600; color: #1f2328; }
.hsearch__box { position: relative; }
.hsearch__icon { position: absolute; left: 16px; top: 16px; color: #ef533f; pointer-events: none; }
.hsearch__input {
    width: 100%; height: 52px; padding: 0 16px 0 46px; box-sizing: border-box;
    font: inherit; font-size: 16px; color: #1f2328; background: #fff;
    border: 1px solid #e2e0da; border-radius: 12px; outline: none;
}
.hsearch__input:focus { border-color: #ef533f; box-shadow: 0 0 0 3px #fdecea; }
.hsearch__list {
    position: absolute; z-index: 25; top: calc(100% + 6px); left: 0; right: 0;
    max-height: 420px; margin: 0; padding: 6px; overflow-y: auto; list-style: none;
    background: #fff; border: 1px solid #e2e0da; border-radius: 12px; box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
}
.hsearch__list[hidden] { display: none; }
.hsearch__list li { margin: 0; padding: 0; list-style: none; }
.hsearch__list li::before { display: none; }
.hsearch__list a {
    display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; padding: 10px 12px;
    color: #1f2328; text-decoration: none; border-radius: 8px;
}
.hsearch__list a:hover, .hsearch__list a.is-active { background: #fdecea; color: #d8412e; }
.hsearch__name { font-family: "Philosopher", "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 700; }
.hsearch__stars { color: #f5b301; font-size: 14px; letter-spacing: 1px; }
.hsearch__region { margin-left: auto; color: #6b717c; font-size: 14px; }
.hsearch__empty { padding: 12px; color: #6b717c; }

@media (max-width: 600px) {
    .hsearch__region { width: 100%; margin-left: 0; }
}

/* общие стили полей сайта растягивали поле шире колонки */
.hsearch .hsearch__input { display: block; width: 100% !important; max-width: 100% !important; margin: 0; box-sizing: border-box !important; }