@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/J68Components/J68Components.g4038chc6t.bundle.scp.css';

/* _content/SnapFoodParty/Components/Shared/FilterSelect.razor.rz.scp.css */
.form-control:focus[b-sh725lpcar] {
    outline: none;
    box-shadow: none;
}

.dropdown-container[b-sh725lpcar] {
    position: relative;
    width: 100%;
    border-radius: 5px;
}

.dropdown-input[b-sh725lpcar] {
    outline: none;
    border: 2px solid var(--snap-blue);
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    text-align: center;
    color: var(--dark);
    background-color: var(--light);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill:%23000'><path d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: left 10px center;
    cursor: pointer;
    caret-color: transparent;
}

    .dropdown-input:disabled[b-sh725lpcar] {
        cursor: default;
    }

    .dropdown-input.no-border-radius-end[b-sh725lpcar], .filter-dropdown.no-border-radius-start[b-sh725lpcar] {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .dropdown-input.no-border-radius-start[b-sh725lpcar], .filter-dropdown.no-border-radius-end[b-sh725lpcar] {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }

.filter-dropdown[b-sh725lpcar] {
    border: 2px solid var(--snap-blue);
    border-top: none;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    background: var(--light);
    max-height: 300px;
    overflow-y: auto;
    z-index: 1000;
}

    .filter-dropdown ul[b-sh725lpcar] {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .filter-dropdown li[b-sh725lpcar] {
        padding: 5px 10px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .filter-dropdown li:hover[b-sh725lpcar],
        .filter-dropdown ul li:nth-child(even):hover[b-sh725lpcar] {
            color: var(--light);
            background-color: var(--primary);
        }

    .filter-dropdown ul li:nth-child(even)[b-sh725lpcar] {
        background-color: #ddd;
    }

.selected-item[b-sh725lpcar] {
    color: var(--light);
    background-color: var(--snap-pink) !important;
}