.custom-search-box .keyword-search__input {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-search-box .keyword-search__input-icon {
    position: absolute
}

.custom-search-box .keyword-search__input-icon--close {
    position: absolute;
    right: 12px;
    color: #999;
    font-size: 16px;
    width: 16px;
    display: block;
    cursor: pointer
}

.custom-search-box .location-search {
    position: relative
}

.custom-search-box .location-search .icon-container {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-search-box .location-search .icon-container .location-search__icon {
    color: #999;
    font-size: 16px;
    width: 16px;
    display: block;
    margin-right: 12px;
    cursor: pointer
}

.custom-search-box .location-search .icon-container .radius-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 100%;
    padding: 10px
}

.custom-search-box .location-search .icon-container .loader-spinner-3 {
    width: 16px;
    height: 16px;
    background-size: 16px;
    margin-right: 12px
}

.custom-search-box .location-search .menu.menu--hide {
    display: none
}

.custom-search-box .location-search .location-item {
    position: relative
}

.custom-search-box .location-search .location-item .location-item__hint {
    position: absolute;
    bottom: 0px;
    right: 0px;
    padding-right: 2px;
    padding-bottom: 2px;
    font-size: 11px
}

[data-react-component="jobs-filter"] .advanced-search-container {
    width: 100%;
    max-width: 350px;
    display: inline-block
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-group {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-group>* {
    display: block;
    width: 100%;
    margin: 0
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-header {
    position: relative;
    background-color: #fff;
    color: #555555;
    padding: 12px 20px 12px 12px;
    cursor: pointer;
    font-size: 16px
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-header.open::after {
    border-top-color: transparent;
    border-bottom-color: #555555;
    -webkit-transform: translateY(-75%);
    -ms-transform: translateY(-75%);
    transform: translateY(-75%)
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-header::after {
    content: "";
    border: 6px solid transparent;
    border-top-color: #555555;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%)
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-header .filter-title {
    margin-right: 20px
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 300ms cubic-bezier(0, 1, 0.5, 1);
    -o-transition: max-height 300ms cubic-bezier(0, 1, 0.5, 1);
    transition: max-height 300ms cubic-bezier(0, 1, 0.5, 1);
    position: relative;
    display: none;
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container.is-expanded {
    -webkit-transition: max-height 300ms ease-in;
    -o-transition: max-height 300ms ease-in;
    transition: max-height 300ms ease-in;
    max-height: 500px;
    display: block;
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container .filter-options-list {
    max-height: 200px;
    overflow-y: scroll;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    list-style-type: none;
    margin: 0
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container .filter-options-list .option-value {
    color: #555555;
    font-size: 16px
}

[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container .filter-options-list div {
    position: relative
}

[data-react-component="jobs-filter"] .reset-filters {
    padding: 10px 0;
    clear: left
}



/* Facet list Style */
/* Default (fallback) using Flexbox */
[data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container .filter-options-list div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
}


[data-react-component="jobs-filter"] input[type="checkbox"] {
    margin-right: 12px;
}


.option-value.count {
    margin-left: auto;

}

/* Modern Grid override if supported */
@supports (display: grid) {
    [data-react-component="jobs-filter"] .advanced-search-container .filter-category-container .filter-options-list-container .filter-options-list div {
        display: grid;
        grid-template-columns: 16px auto 20%;
        align-items: center;
        gap: 12px;
        padding: 8px 0;
        justify-content: normal;
    }

    .option-value.count {
        justify-self: end;
        margin-left: 0;
    }

    [data-react-component="jobs-filter"] input[type="checkbox"] {
        margin-right: 0;
    }
}

[data-react-component="jobs-sort-by"] .jobs-sort-by_select_display_icon,
[data-react-component="jobs-radius"] .jobs-radius_select_display_icon {
    border: none !important;
}

[data-react-component="jobs-sort-by"] .jobs-sort-by_select_display,
[data-react-component="jobs-radius"] .jobs-radius_select_display {
    width: 10rem;
    border: none !important;
}

[data-react-component="jobs-sort-by"] .jobs-sort-by_label,
[data-react-component="jobs-radius"] .jobs-radius_label {
    font-weight: bold;
}

[data-react-component="jobs-sort-by"] .jobs-sort-by_container,
[data-react-component="jobs-radius"] .jobs-radius_container {
    /* border-radius: 2rem !important; */
    border-color: transparent !important;
}

/* Focus styles for interactive elements */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #007acc !important;
    outline-offset: 2px !important;
}

/* Optional: fallback for browsers that don't support :focus-visible */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 3px solid #ffbf47;
    outline-offset: 2px;
}

/* Hide focus outline if not keyboard navigating */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
    outline: none;
}



.c-main-hero-search__keyword-label,
.c-main-hero-search__location-label {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.results-header__content__total {
  color: #DB0007;
}