/* --------- Searchbar (overall) --------- */
.searchbar-container{
	overflow:visible !important; /* hack for covers */
}

body.lvh-filters-open main > .entry-content > *:not(.searchbar-container)  {
	opacity: 0.3; /* or 0.8, adjust as you like */
}

.lvh-custom-room-manager-searchbar {
    box-sizing: border-box;
    font-family: 'Jost', sans-serif;
	color:#352b1e;
}

.lvh-custom-room-manager-searchbar *:focus{
    outline: none;
}

/* inner row: columns + submit */
.lvh-custom-room-manager-searchbar__inner {
    display: flex;
    gap: 12px;
    align-items: center;
}

/* --------- Columns (Anlass, Persons, Ausstattung) --------- */
/* columns share available space equally */
.lvh-custom-room-manager-searchbar__inner > *{
    text-transform: uppercase;
    position: relative;
    flex: 1 1 20%;
    padding:0;
    cursor: pointer;
    border: 1px solid #352b1e;
    transition: background 0.15s ease, color 0.15s ease;
    display: flex;
    align-items: center;
}

.lvh-custom-room-manager-searchbar__column{
	background: #f6eee3;
	display:flex;
	flex-direction:column;
}

.lvh-custom-room-manager-searchbar__column:hover {
    background: #f5f5f5;
}

/* label: full row, space-between to show caret on the right */
.lvh-custom-room-manager-searchbar__column > label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    padding: 18px 14px;
    gap: 12px;
    font-size:20px;
    font-weight:500;
    font-family: 'Jost', sans-serif;
}

/* small counter text on the right */
.lvh-custom-room-manager-searchbar__occasions-count {
    font-size: 13px;
    font-weight: 400;
    color: #666;
}

/* caret / chevron (right side of label) */
.lvh-custom-room-manager-searchbar__column > label >  {
    content: "\25BE"; /* small down caret */
    display: inline-block;
    margin-left: 12px;
    font-size: 12px;
    color: #333;
    transform-origin: center;
    transition: transform 0.18s ease;
}

/* rotate caret when open */
.lvh-custom-room-manager-searchbar__column.is-open > label > .lvh-custom-room-manager-searchbar__column-caret {
    transform: rotate(180deg);
}

/* --------- Dropdown Filters --------- */
.lvh-custom-room-manager-searchbar__filter {
    display: none; /* toggled by JS */
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 40;
    width: 100%;
    border:1px solid #352b1e;
    background: #f6eee3;
    box-shadow: 0 8px 24px rgba(0,0,0,0.06);
    padding: 18px 14px;
}

/* show dropdown when column has .is-open */
.lvh-custom-room-manager-searchbar__column.is-open .lvh-custom-room-manager-searchbar__filter {
    display: block;
}

/* ensure dropdown doesn't overflow on small screens */
@media (max-width: 640px) {
    .lvh-custom-room-manager-searchbar__filter {
        position: static;
        width: 100%;
        margin-top: 8px;
        box-shadow: none;
    }
}

/* filter options list */
.lvh-custom-room-manager-searchbar__filter-options {
    list-style: none;
    margin: 0;
    padding: 0;
    display:flex;
    flex-direction:column;
    gap:12px;
    align-items:flex-start;
}
.lvh-custom-room-manager-searchbar__filter-options li,
.lvh-custom-room-manager-searchbar__filter-options li > .lvh-custom-room-manager-searchbar__filter-options-header{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction:row;
    gap: 12px;
    width:100%;
}

.lvh-custom-room-manager-searchbar__filter-options li > .lvh-custom-room-manager-searchbar__filter-options-header > label{
    flex: 1 1 aut
}

.lvh-custom-room-manager-searchbar__filter-options li:hover{
    cursor: pointer;
}

.lvh-custom-room-manager-searchbar__filter-options li.has-child{
    flex-direction:column;
    align-items:flex-start;
}

.lvh-custom-room-manager-searchbar__filter-options li.has-child > .child{
    list-style: none;

    padding-left:20px;
}

.lvh-custom-room-manager-searchbar__filter-options li.has-child:not(.is-open) > .child{
    display:none;
}

.lvh-custom-room-manager-searchbar__filter-options li.has-child.is-open > .child{
    display:flex;
}

.lvh-custom-room-manager-searchbar__filter-options li.has-child > .lvh-custom-room-manager-searchbar__filter-options-header{

}

.lvh-custom-room-manager-searchbar__filter-options li.has-child > .lvh-custom-room-manager-searchbar__filter-options-header .lvh-custom-room-manager-searchbar__column-caret{
/* flex: 1 1 auto; */
/* margin-right: 0; */
/* margin-left: auto; */
    justify-self: flex-end;
}


.lvh-custom-room-manager-searchbar__filter-options li label{
    flex: 1 1 auto;
    line-height: 1 !important;
    font-size:18px;
    font-weight:500;
    text-transform: none;
    font-family: 'Jost', sans-serif;
    cursor: pointer;
    margin:0 !important;
}

.lvh-custom-room-manager-searchbar__filter-options .child label{
    font-weight:400;
}

.lvh-custom-room-manager-searchbar__filter-options input[type="checkbox"],
.lvh-custom-room-manager-searchbar__filter-options input[type="radio"] {
    flex: 0 1 16px;
    margin:0;
    width: 16px;
    height: 16px;
    cursor:pointer;
}

/* clear button */
.lvh-custom-room-manager-searchbar__filter-clear {
    margin: 20px 0 0 0;
    width: 100%;
    padding: 0;
    padding-top:10px;
    border: none;
    border-top:1px dashed #352b1e;
    font-weight: 400;
    font-size:18px;
    font-family: 'Jost', sans-serif;
    color:#352b1e;
    cursor: pointer;
    background: none;
    display:flex;
    flex-direction:row;
    justify-content: flex-start;
    align-items: center;
    gap:16px;
}

/* --------- Submit Button (fixed width, right aligned) --------- */
.lvh-custom-room-manager-searchbar__submit {
    display:flex;
    justify-content: center;
    background: #d3af77;
    border: 1px solid #d3af77;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    cursor: pointer;
    padding: 18px 14px;
    transition: background 0.2s ease;
    align-self: center;
    border-radius: 0;
}
.lvh-custom-room-manager-searchbar__submit:hover {
    background: #c9a15f;
}

/* small loading state */
.lvh-custom-room-manager-searchbar__submit.is-loading {
    opacity: 0.85;
    pointer-events: none;
}

/* --------- Misc tweaks --------- */
.lvh-custom-room-manager-searchbar__column > label,
.lvh-custom-room-manager-searchbar__submit {
    line-height: 1;
}

/* responsive: stack on small screens */
@media (max-width: 839px) {
    .lvh-custom-room-manager-searchbar__inner {
        flex-direction: column;
        gap: 8px;
    }
    .lvh-custom-room-manager-searchbar__column {
        width: 100%;
        min-width: 0;
    
    }
    .lvh-custom-room-manager-searchbar__submit {
        width: 100%;
        flex: 0 0 auto;
    }
}