.search-form {
    --red-58: hsl(3, 86%, 59%);   /* #F0443B */
    --red-48: hsl(4, 74%, 49%);   /* #D92D20 */
    --red-42: hsl(3, 74%, 41%);   /* #B4231B */
    --red-34: hsl(3, 69%, 34%);   /* #91201B */

    --grey-96: hsl(220, 14%, 96%);  /* #F3F4F6 */
    --grey-92: hsl(220, 13%, 91%);  /* #E5E7EB */
    --grey-83: hsl(213, 11%, 84%);  /* #D2D6DB */
    --grey-38: hsl(210, 11%, 34%);  /* #4D5761 */
    --grey-20: hsl(212, 28%, 17%);  /* #1F2A37 */
    --grey-10: hsl(218, 39%, 11%);  /* #111927 */

    --blue-64: hsl(220, 100%, 66%); /* #528BFF */

    --white-100: hsl(0, 0%, 100%);
}

.search-form {
    display: flex;
    gap: 1rem;
}

.search-form .search-form__field {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;

    width: auto;
}

@media screen and (max-width: 721px) {
    .search-form .search-form__field:first-child {
        width: 100%;
    }
}

.search-form .search-form__field:last-child {
    flex-grow: 1;
}

.search-form .search-form__field .facetwp-facet:not(.facetwp-facet-search),
.search-form .search-form__facet-prefix {
    flex-grow: 1;
}

.facetwp-facet-search {
    width: 100%;
}

.search-form .search-form__facet-prefix {
    height: 48px;
    line-height: 48px;

    text-align: left;
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    color: var(--grey-10);

    font-size: 1.6rem;

    font-family: var(--theme-font-family-primary);
}

.facetwp-facet .fs-wrap {
    position: relative;
    width: 100%;
}

.facetwp-facet .fs-label-wrap .fs-label {
    padding-right: 3.5rem;
}

.facetwp-facet.facetwp-type-fselect {
    width: auto;
}

.facetwp-facet.facetwp-facet-date_range_dropdown {
    width: 12em;
}

.facetwp-facet .fs-label-wrap {
    width: 100%;
    border: 0.1rem solid var(--grey-20);
    border-bottom-width: .1rem;
    position: relative;
    box-sizing: border-box;
    padding: 0 !important;
}

.facetwp-facet .fs-label-wrap .fs-label,
.c-input--with-submit:not(.c-input--column),
.c-select__field {
    width: 100%;
    padding: 1.3rem 4rem 1.3rem 1rem !important;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color 0.2s ease-in-out;
    cursor: pointer;

    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    color: var(--grey-10);

    font-family: var(--theme-font-family-primary);
}

.c-select__field {
    border-bottom-width: .1rem;
}

.c-select__field:hover, 
.c-select__field.is-active:hover,
.facetwp-facet .fs-label-wrap:hover, .facetwp-facet .fs-label-wrap.is-active:hover {
    border-bottom-width: .2rem;
}

.c-input--with-submit:not(.c-input--column) {
    padding: .2rem .2rem .2rem 1rem !important;
}

.facetwp-facet .fs-arrow {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    color: #2a2424;
    transform: translateY(-50%);
    pointer-events: none;
    width: 1.2rem;
    min-width: 1.2rem;
    height: 1.2rem;
}

.facetwp-facet .fs-dropdown {
    margin-top: -1px;

    padding: 0;

    border: .1rem solid var(--grey-20);
    border-bottom-width: .2rem;
    border-radius: .4rem;

    box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
}

.facetwp-facet .fs-option-label {
    font-size: 1.6em;
}

.facetwp-facet .fs-search input {
    padding: 1rem;

    border: 0 !important;

    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    color: var(--grey-10);

    font-family: var(--theme-font-family-primary);
}

.facetwp-facet .fs-option-label {
    font-size: 1.4rem;
    font-weight: 500;
    text-decoration: none;
    color: var(--grey-10);

    font-family: var(--theme-font-family-primary);
}

.fs-wrap.multiple .fs-option {
    padding: 1rem 1rem 1rem 3rem;
}

.fs-wrap.multiple .fs-option.selected .fs-checkbox i {
    background-color: var(--red-48) !important;
}

/*
.facetwp-facet .fs-dropdown:has(input:focus) {
    outline: .3rem solid var(--blue-64);
    outline-offset: .2rem;
}
*/

.facetwp-facet .fs-open .fs-arrow {
    transform: rotate(-180deg) translateY(100%);
}

.fcomplete-wrap {
    background: var(--grey-96) !important;
    box-shadow: 0 .3rem 1rem rgba(0,0,0,0.2);
}

.facetwp-facet-result-counter > * {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2rem;
}

.facetwp-facet-result-counter > * > * {
    width: auto;
}