/**
 * JF Industry & Position Filter - primary search bar polish.
 *
 * Scoped ONLY to confirmed, existing WP Job Board Pro / JobTex classes
 * from jobtex/inc/vendors/elementor/wp-job-board-pro-widgets/job_search_form.php:
 *   .filter-listing-form-wrapper > .filter-listing-form > .main-inner
 *     > .content-main-inner > .row      (the PRIMARY, always-visible row)
 *   .advance-search-wrapper > .advance-search-wrapper-fields > .row
 *                                        (the collapsible Advanced Search section)
 *   .btn-submit                         (the native Search Jobs button)
 *   .advance-search-btn                 (the native Advanced Search toggle)
 *
 * No JobTex/WP Job Board Pro file is modified. This file only adds
 * complementary rules - it does not use aggressive !important
 * overrides beyond what's needed to sit cleanly on top of the theme's
 * own styles, and does not touch anything outside the search/filter
 * area.
 */

.filter-listing-form-wrapper .content-main-inner {
	background: #ffffff;
	border-radius: 10px;
	padding: 16px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.filter-listing-form-wrapper .content-main-inner .form-control,
.filter-listing-form-wrapper .content-main-inner input[type="text"],
.filter-listing-form-wrapper .content-main-inner .select2-selection {
	height: 48px;
	border-radius: 8px;
	border: 1px solid #e2e4e8;
}

.filter-listing-form-wrapper .content-main-inner .select2-selection__rendered {
	line-height: 46px;
}

.filter-listing-form-wrapper .content-main-inner .select2-selection__arrow {
	height: 46px;
}

.filter-listing-form-wrapper .btn-submit {
	height: 48px;
	border-radius: 8px;
	padding: 0 28px;
	font-weight: 600;
	white-space: nowrap;
}

.filter-listing-form-wrapper .advance-link {
	margin-right: 12px;
}

.filter-listing-form-wrapper .advance-search-btn {
	font-weight: 600;
	text-decoration: underline;
	white-space: nowrap;
}

.filter-listing-form-wrapper .advance-search-wrapper {
	background: #fbfbfc;
	border-top: 1px solid #eceef1;
	border-radius: 0 0 10px 10px;
	padding: 16px;
	margin-top: 4px;
}

.filter-listing-form-wrapper .advance-search-wrapper .form-group .heading-label {
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 6px;
	display: block;
}

/* Radius <select> (JFR_Search_Bar::render_radius_select) - same
   .form-control sizing as the rest of the primary row for visual
   consistency. */
.filter-listing-form-wrapper .jfr-radius-select {
	height: 48px;
	border-radius: 8px;
}

/* Mobile: stack the primary row fields full-width, no horizontal
   overflow, Search Jobs button spans full width beneath. */
@media (max-width: 767px) {
	.filter-listing-form-wrapper .content-main-inner .row > [class*="col-"] {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 10px;
	}

	.filter-listing-form-wrapper .wrapper-submit {
		justify-content: flex-start !important;
		width: 100%;
	}

	.filter-listing-form-wrapper .btn-submit {
		width: 100%;
	}

	.filter-listing-form-wrapper .advance-search-wrapper .row > [class*="col-"] {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}
}