/* ==========================================================
   HOTEL SEARCH — SIDEBAR FILTERS
   Изворно: hotel.css, Section 13

   Стилови за левиот filter sidebar на search резултати:
   accordion heading/sub-heading, checkbox/radio custom изглед,
   #hotel-amenities-list / #room-amenities-list, #rating-by-reviews.

   Забелешка: .st-icheck-item / .checkmark / .fcheckbox класите
   од "Star rating" и .filter-review-score dropdown HTML-от што
   го прати не постојат во овој CSS фајл - веројатно се дефинирани
   во некој друг, поглобален theme stylesheet (можеби "traveler"
   темата). Ако сакаш да ги стилизираш и нив, ќе треба да ми го
   дадеш тој фајл.
   ========================================================== */

/* ==========================================================
   13. SIDEBAR FILTERS
   ========================================================== */
.sidebar-filter .heading {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: var(--heading-color);
    margin-bottom: 8px;
}
.sidebar-filter .sub-heading-filters {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 8px;
}
.sidebar-filter #hotel-amenities-list,
.sidebar-filter #room-amenities-list {
    display: flex;
    flex-direction: column;
}
.sidebar-filter #hotel-amenities-list label,
.sidebar-filter #room-amenities-list label {
    font-size: 14px;
    font-weight: 480;
    line-height: 20px;
    margin-bottom: 8px;
    cursor: pointer;
    display: flex;
    gap: 4px;
    flex-direction: row;
}
.sidebar-filter #hotel-amenities-list label span,
.sidebar-filter #room-amenities-list label span {
    margin-left: auto;
}
.sidebar-filter .irs-handle {
    border: 4px solid #E57757 !important;
}
.sidebar-filter .sidebar-item label input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 50%;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease;
}
.sidebar-filter .sidebar-item label input[type=radio]:checked {
    border-color: #E57757;
}
.sidebar-filter .sidebar-item label input[type=radio]:checked::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    background: #E57757;
    border-radius: 50%;
}
.sidebar-filter .sidebar-item label span {
    vertical-align: middle;
    cursor: pointer;
}
.sidebar-filter .sidebar-item label input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 2px solid #ccc;
    border-radius: 4px;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    transition: all 0.2s ease;
}
.sidebar-filter .sidebar-item label input[type=checkbox]:checked {
    border-color: #E57757;
    background-color: #E57757;
}
.sidebar-filter .sidebar-item label input[type=checkbox]:checked::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 3px;
    color: white;
    font-size: 14px;
    line-height: 16px;
}
.sidebar-filter .sidebar-item .item-title div {
    margin-bottom: 0.5rem;
}
.sidebar-filter .sidebar-item ul {
    padding-left: 0px;
}
.sidebar-filter #filters-in-the-room,
.sidebar-filter #filters-at-the-hotel {
    cursor: pointer;
}
.sidebar-filter #filters-in-the-room:after,
.sidebar-filter #filters-at-the-hotel:after {
    content: "\f078";
    font-weight: 900;
    margin-left: 8px;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
}
.sidebar-filter #filters-in-the-room.open::after,
.sidebar-filter #filters-at-the-hotel.open::after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.sidebar-filter #filters-in-the-room ~ #room-amenities-list {
    display: none;
}
.sidebar-filter #filters-in-the-room.open ~ #room-amenities-list {
    display: block;
}
.sidebar-filter #filters-at-the-hotel ~ #hotel-amenities-list {
    display: none;
}
.sidebar-filter #filters-at-the-hotel.open ~ #hotel-amenities-list {
    display: block;
}
.sidebar-filter #rating-by-reviews #rating-filter-radio-input-any span {
    line-height: 16px;
}
.sidebar-filter #rating-by-reviews > div {
    margin-bottom: 8px;
}
.sidebar-filter #rating-by-reviews > div label {
    display: flex;
    flex-direction: row;
    align-content: center;
}
.sidebar-filter #rating-by-reviews > div label > div {
    display: flex;
    width: 100%;
    line-height: 16px;
}
.sidebar-filter #rating-by-reviews > div label > div > div {
    margin-left: auto;
}