#jas-wrapper { margin: 20px 0; }
/* .jas-row { display:flex; gap:15px; flex-wrap:wrap; align-items:end; } */
.search_keywords, .search_region, .search_categories { flex:1; min-width:220px; }
.jas-search-actions { display:flex; align-items:center; }
.jas-listing { border-bottom:1px solid #eee; padding: 12px 0; }
.jas-title { margin: 0 0 6px 0; font-size:1.1rem; }
.jas-excerpt { color:#666; }
.jas-meta { font-size:0.9rem; color:#999; margin-top:6px; }
.jas-pagination ul { list-style:none; padding:0; display:flex; gap:6px; }
.jas-pagination li { display:inline; }
.jas-no-results { padding:20px; color:#666; }

/* Container for the filters */
.jas-row {
    display: flex;
    flex-wrap: wrap; /* allow wrapping on smaller screens */
    gap: 1rem;       /* optional spacing between columns */
}

/* Each filter div */
.jas-row > div {
    box-sizing: border-box; /* include padding/border in width */
}


/* Optional: make input/select full width of their column */
.jas-row input,
.jas-row select {
    width: 100%;
}

.listify-select, .mfp-content .select, .select { width: 100%; }

.select2-container { padding-right:0 !important; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #ffffff;
}    

input, textarea, input[type=checkbox], input[type=radio], .site select, .facetwp-facet .facetwp-checkbox:before, .filter_by_tag a:before, .search-choice-close, .widget_layered_nav li a:before, .site-main .content-box select, .site-main .widget select, .site-main .job_listings select, .mfp-content select, body .chosen-container-single .chosen-single, body .chosen-container-multi .chosen-choices li.search-field input[type=text], .select2.select2-container .select2-choice, .select2.select2-container--default .select2-selection--single, .select2.select2-container--default .select2-selection--multiple, .select2-container.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container .select2-dropdown, .facetwp-facet.facetwp-type-fselect .fs-label-wrap, body .chosen-container .chosen-drop, body .chosen-container-single .chosen-search input[type=text], body .chosen-container-single .chosen-search input[type=text] {
    color: #717a8f;
    border-color: #ebeef1;
    background-color: #f3f6f9 !important;
    width: 100%;
}

.select2.select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    background-color: #f3f6f9 !important;
    padding: 11px 15px 0 15px;
    min-height: 39px;
}    

@media (min-width: 993px) {
    .jas-row > div {
        flex: 0 0 33% !important;
        max-width: 32% !important;
    }
}

/* 1 or 2 column on  screens (<993px) */
@media (max-width: 992px) {
    .jas-row > div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .select2-container--default .select2-results__option--highlighted[aria-selected] {
        background-color: #f3f6f9;
        color: #717a8f;
    }
    .listify_widget_search_listings.home-widget .type-page.content-box-wrapper.job_search_form .content-box-inner, .tabbed-listings-tabs a.type-page.content-box-wrapper .content-box-inner, .type-page.content-box-wrapper.archive-job_listing-toggle-inner .content-box-inner, .type-page.content-box-wrapper.home-feature .content-box-inner, .type-page.content-box-wrapper.job-package .content-box-inner, .type-page.content-box-wrapper.job_filters .content-box-inner, .type-page.content-box-wrapper.listing-by-term-inner .content-box-inner, .type-page.content-box-wrapper.product__inner .content-box-inner, .type-page.content-box-wrapper.single-job_listing-description .content-box-inner, .type-page.content-box-wrapper.woocommerce-main-image .content-box-inner, .type-page.content-box-wrapper.woocommerce-tabs .content-box-inner, .type-page.content-box.content-box-wrapper .content-box-inner, .type-product .thumbnails a.type-page.content-box-wrapper .content-box-inner, .woocommerce div.product div.type-page.content-box-wrapper.summary .content-box-inner, .woocommerce-page div.product div.type-page.content-box-wrapper.summary .content-box-inner {
        padding: 0px 4px 20px 4px;
    }
    
    .select2-container {
        background: #f3f6f9 !important;
        width:auto;
    }
}

@media (min-width: 768px) {
    .listify_widget_search_listings.home-widget .type-page.content-box-wrapper.job_search_form .content-box-inner, .tabbed-listings-tabs a.type-page.content-box-wrapper .content-box-inner, .type-page.content-box-wrapper.archive-job_listing-toggle-inner .content-box-inner, .type-page.content-box-wrapper.home-feature .content-box-inner, .type-page.content-box-wrapper.job-package .content-box-inner, .type-page.content-box-wrapper.job_filters .content-box-inner, .type-page.content-box-wrapper.listing-by-term-inner .content-box-inner, .type-page.content-box-wrapper.product__inner .content-box-inner, .type-page.content-box-wrapper.single-job_listing-description .content-box-inner, .type-page.content-box-wrapper.woocommerce-main-image .content-box-inner, .type-page.content-box-wrapper.woocommerce-tabs .content-box-inner, .type-page.content-box.content-box-wrapper .content-box-inner, .type-product .thumbnails a.type-page.content-box-wrapper .content-box-inner, .woocommerce div.product div.type-page.content-box-wrapper.summary .content-box-inner, .woocommerce-page div.product div.type-page.content-box-wrapper.summary .content-box-inner {
        padding: 0px 10px 20px 10px;
    }
}

/* KEEP: visually hide filter selects on small screens but keep them in DOM so GET/defaults still apply */

@media (max-width: 767px) {
    .search_region, .search_categories { display: none; }
}