/*
 Theme Name:   Boxcar Child
 Theme URI:    https://themeforest.net/item/boxcar-automotive-car-dealer-wordpress-theme/49741717
 Description:  Boxcar Child Theme
 Author:       ApusTheme
 Author URI:   http://apus-theme.com
 Template:     boxcar
 Version:      1.0.0
 Text Domain:  boxcar-child
*/

/* HelloCar Search & Filter — CTA-aligned visual system
   Applies to the desktop inline filter panel (.hc-filter-panel) AND the
   mobile off-canvas filter drawer (.hc-mobile-filters), which Elementor
   renders as a separate widget tree outside .hc-filter-panel — without this,
   the drawer falls back to a plain white background with low-contrast lime
   labels/text. */
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) {
	--hc-navy: #17283c;
	--hc-lime: #d3fa13;
	--hc-white: #ffffff;
	--hc-muted: #aeb9c6;
	gap: 18px !important;
	padding: 24px !important;
	background: var(--hc-navy) !important;
	border: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-radius: 12px !important;
	box-shadow: 0 18px 44px rgba(11, 25, 41, 0.12);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .elementor-widget-search-filter-field,
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .elementor-widget-container,
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-field {
	margin: 0 !important;
	width: 100%;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-label {
	margin: 0 0 8px !important;
	color: var(--hc-lime) !important;
	font-family: 'Open Sans Mono', 'Roboto Mono', monospace !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox {
	min-height: 52px;
	padding: 0 0 0 14px !important;
	background: var(--hc-white) !important;
	border: 1px solid rgba(23, 40, 60, 0.16) !important;
	border-radius: 8px !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__header {
	display: flex;
	align-items: center;
	min-height: 50px;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: inherit !important;
	box-shadow: none !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox:hover,
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox:focus-within {
	border-color: var(--hc-lime) !important;
	box-shadow: 0 0 0 3px rgba(211, 250, 19, 0.18);
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__selection {
	display: flex;
	align-items: center;
	min-height: 50px;
	color: var(--hc-navy) !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
	letter-spacing: -0.01em;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__header input {
	box-sizing: border-box;
	height: 50px !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	color: var(--hc-navy) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	letter-spacing: -0.01em;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__header input::placeholder {
	color: #707d8d !important;
	opacity: 1;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__selection-placeholder {
	color: #707d8d !important;
	font-weight: 500 !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__selection-count,
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox-base__listbox-option-count {
	margin-left: 4px;
	color: #657488 !important;
	font-family: 'Open Sans Mono', 'Roboto Mono', monospace;
	font-size: 11px;
	font-weight: 600;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__input-divider {
	background: rgba(23, 40, 60, 0.16) !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-icon {
	color: #8291a3 !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-popover {
	overflow: hidden;
	margin-top: 6px;
	background: var(--hc-white) !important;
	border: 1px solid rgba(23, 40, 60, 0.14) !important;
	border-radius: 8px !important;
	box-shadow: 0 16px 36px rgba(11, 25, 41, 0.18) !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox-base__listbox-option {
	padding: 11px 14px !important;
	color: var(--hc-navy) !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox-base__listbox-option:hover,
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox-base__listbox-option--active,
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox-base__listbox-option--selected {
	background: rgba(211, 250, 19, 0.18) !important;
	color: var(--hc-navy) !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-range-slider__range-text {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin: 0 0 12px !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-range-slider__range-text-min,
:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-range-slider__range-text-max {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 8px;
	color: var(--hc-white) !important;
	background: rgba(255, 255, 255, 0.09) !important;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	font-family: 'Open Sans Mono', 'Roboto Mono', monospace !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-range-slider__range-input-wrapper {
	margin: 0 4px 2px;
	padding: 10px 0;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-range-slider__range-input-bar {
	height: 6px !important;
	min-height: 6px !important;
	margin: 0 !important;
	background: rgba(255, 255, 255, 0.18) !important;
	border: 0 !important;
	border-radius: 999px !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-range-slider__range-input-progress {
	height: 6px !important;
	background: var(--hc-lime) !important;
	border-radius: 999px !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) input.search-filter-component-range-slider__range-input {
	accent-color: var(--hc-lime);
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) input.search-filter-component-range-slider__range-input::-webkit-slider-thumb {
	width: 20px !important;
	height: 20px !important;
	background: var(--hc-white) !important;
	border: 4px solid var(--hc-lime) !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.28) !important;
}

:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) input.search-filter-component-range-slider__range-input::-moz-range-thumb {
	width: 14px !important;
	height: 14px !important;
	background: var(--hc-white) !important;
	border: 4px solid var(--hc-lime) !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.28) !important;
}

/* The mobile off-canvas drawer has its own scroll container and close/header
   area outside .e-off-canvas__content — cover those too so nothing white
   shows through behind or around the filter fields. */
.hc-mobile-filters .e-off-canvas,
.hc-mobile-filters .e-off-canvas__main {
	background: var(--hc-navy, #17283c) !important;
}

@media (max-width: 767px) {
	:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) {
		gap: 16px !important;
		padding: 20px !important;
	}

	:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__header {
		min-height: 50px;
	}

	:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__selection,
	:is(.hc-filter-panel, .hc-mobile-filters .e-off-canvas__content) .search-filter-component-combobox__header input {
		font-size: 14px !important;
	}
}