/* =========================================================
   DARK MODE — RESPONSIVE ADVANCED SEARCH FILTERS

   Covers the compact/hamburger Explore filter interface.
   Intentionally not restricted by a media query because
   MyListing can activate this layout at intermediate widths.
   ========================================================= */


/* ---------------------------------------------------------
   Main filter panel
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch,
html.oneauto-dark #finderSearch .finder-tabs-wrapper,
html.oneauto-dark #finderSearch .finder-tabs,
html.oneauto-dark #finderSearch .tab-content,
html.oneauto-dark #finderSearch .search-tab,
html.oneauto-dark #finderSearch .search-filters,
html.oneauto-dark #finderSearch .filter-wrapper {
	background: #001313 !important;
	background-image: none !important;
	color: #e8e6e3 !important;
}


/* ---------------------------------------------------------
   General filter rows
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .form-group {
	background: transparent !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark #finderSearch .explore-filter {
	border-bottom-color: #343b3d !important;
}


/* ---------------------------------------------------------
   Labels and selected values
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .form-group > label,
html.oneauto-dark #finderSearch .custom-toggle-header label,
html.oneauto-dark #finderSearch .range-filter > label,
html.oneauto-dark #finderSearch .md-group > label {
	color: #cbd1d5 !important;
}

html.oneauto-dark #finderSearch .mylisting-range-slider .amount {
	color: #f3f5f6 !important;
}


/* =========================================================
   SELECT2 FIELDS
   Sort, make/model and location
   ========================================================= */


/* ---------------------------------------------------------
   Transparent wrappers
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .select2-container,
html.oneauto-dark #finderSearch .select2-container .selection,
html.oneauto-dark #finderSearch .cts-term-hierarchy,
html.oneauto-dark #finderSearch .select-wrapper,
html.oneauto-dark #finderSearch .term-select {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Flat underlined field
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch
.select2-container--default
.select2-selection--single {
	background: transparent !important;
	background-image: none !important;

	color: #f3f5f6 !important;

	border: 0 !important;
	border-bottom: 1px solid #394345 !important;
	border-radius: 0 !important;

	box-shadow: none !important;
}

html.oneauto-dark #finderSearch
.select2-container--default
.select2-selection--single:hover {
	border-bottom-color: #566166 !important;
}

html.oneauto-dark #finderSearch
.select2-container--default.select2-container--focus
.select2-selection--single,

html.oneauto-dark #finderSearch
.select2-container--default.select2-container--open
.select2-selection--single {
	background: transparent !important;

	border: 0 !important;
	border-bottom: 1px solid #397fe3 !important;

	box-shadow: none !important;
}


/* Taxonomy fields need their original height */

html.oneauto-dark #finderSearch
.cts-term-hierarchy
.select2-selection--single {
	min-height: 42px !important;
}


/* ---------------------------------------------------------
   Field text
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .select2-selection__rendered {
	color: #f3f5f6 !important;
	padding-left: 0 !important;
}

html.oneauto-dark #finderSearch .select2-selection__placeholder {
	color: #778186 !important;
}


/* ---------------------------------------------------------
   Clear-selection circle
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .select2-selection__clear {
	background: #f3f5f6 !important;
	color: #394345 !important;

	width: 22px !important;
	height: 22px !important;
	line-height: 20px !important;

	border-radius: 50% !important;

	text-align: center !important;
}

html.oneauto-dark #finderSearch .select2-selection__clear:hover {
	background: #ffffff !important;
	color: #111516 !important;
}


/* ---------------------------------------------------------
   Select2 arrow
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .select2-selection__arrow {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html.oneauto-dark #finderSearch .select2-selection__arrow b {
	width: 0 !important;
	height: 0 !important;

	background: transparent !important;

	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 6px solid #7d888d !important;
	border-bottom: 0 !important;
}

html.oneauto-dark #finderSearch
.select2-container--open
.select2-selection__arrow b {
	border-top: 0 !important;
	border-bottom: 6px solid #aeb6bd !important;
}


/* ---------------------------------------------------------
   Floating field labels
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .orderby-filter > label,
html.oneauto-dark #finderSearch .cts-term-hierarchy > label {
	background: #001313 !important;
	color: #cbd1d5 !important;
}


/* =========================================================
   SELECT2 OPEN DROPDOWN

   Select2 appends this directly to body, so it cannot be
   scoped only through #finderSearch.
   ========================================================= */

html.oneauto-dark body
.select2-container--open
.select2-dropdown {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;

	border: 1px solid #3a4346 !important;

	box-shadow: 0 12px 30px rgba(0, 0, 0, .35) !important;
}

html.oneauto-dark body
.select2-container--open
.select2-search__field {
	background: #111516 !important;
	color: #f3f5f6 !important;

	border: 1px solid #3a4346 !important;

	outline: none !important;
}

html.oneauto-dark body
.select2-container--open
.select2-search__field:focus {
	border-color: #397fe3 !important;
	box-shadow: 0 0 0 2px rgba(57, 127, 227, .18) !important;
}

html.oneauto-dark body
.select2-container--open
.select2-results__option {
	background: transparent !important;
	color: #cbd1d5 !important;
}

html.oneauto-dark body
.select2-container--open
.select2-results__option--highlighted[aria-selected] {
	background: #242a2c !important;
	color: #ffffff !important;
}

html.oneauto-dark body
.select2-container--open
.select2-results__option[aria-selected="true"] {
	background: rgba(57, 127, 227, .16) !important;
	color: #ffffff !important;
}


/* =========================================================
   COLLAPSIBLE CHECKBOX FILTERS
   Keretüüp, Käigukast, Kütus, Värv, etc.
   ========================================================= */


/* ---------------------------------------------------------
   Filter group wrappers
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .form-group-tags,
html.oneauto-dark #finderSearch .checkboxes-filter,
html.oneauto-dark #finderSearch .enhanced {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Collapsible header
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .custom-toggle-header {
	background: transparent !important;
	color: #e8e6e3 !important;

	border: 0 !important;
	border-bottom: 1px solid #394345 !important;
	border-radius: 0 !important;

	box-shadow: none !important;
}

html.oneauto-dark #finderSearch .custom-toggle-header:hover {
	background: transparent !important;
	border-bottom-color: #566166 !important;
}

html.oneauto-dark #finderSearch .custom-toggle-header label {
	color: #f3f5f6 !important;
}


/* ---------------------------------------------------------
   Collapsible header arrow
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .custom-dropdown-arrow {
	display: block !important;

	width: 0 !important;
	height: 0 !important;

	background: transparent !important;

	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 6px solid #7d888d !important;
	border-bottom: 0 !important;

	box-shadow: none !important;
}

html.oneauto-dark #finderSearch .custom-dropdown-arrow::before,
html.oneauto-dark #finderSearch .custom-dropdown-arrow::after {
	display: none !important;
	content: none !important;
}


/* ---------------------------------------------------------
   Arrow becomes blue when a checkbox is selected
   --------------------------------------------------------- */

html.oneauto-dark
#finderSearch
.form-group-tags:has(input[type="checkbox"]:checked)
.custom-dropdown-arrow {
	border-top-color: #397fe3 !important;
}


/* Selected and expanded filter */

html.oneauto-dark
#finderSearch
.form-group-tags:has(input[type="checkbox"]:checked)
.custom-toggle-header[aria-expanded="true"]
.custom-dropdown-arrow,

html.oneauto-dark
#finderSearch
.form-group-tags:has(input[type="checkbox"]:checked)
.custom-toggle-header.active
.custom-dropdown-arrow {
	border-top-color: transparent !important;
	border-bottom-color: #397fe3 !important;
}


/* Fallback for MyListing state classes */

html.oneauto-dark
#finderSearch
.form-group-tags:is(
	.active,
	.selected,
	.has-value,
	.has-selection
)
.custom-dropdown-arrow {
	border-top-color: #397fe3 !important;
}

html.oneauto-dark
#finderSearch
.form-group-tags:is(
	.active,
	.selected,
	.has-value,
	.has-selection
)
.custom-toggle-header[aria-expanded="true"]
.custom-dropdown-arrow,

html.oneauto-dark
#finderSearch
.form-group-tags:is(
	.active,
	.selected,
	.has-value,
	.has-selection
)
.custom-toggle-header.active
.custom-dropdown-arrow {
	border-top-color: transparent !important;
	border-bottom-color: #397fe3 !important;
}


/* ---------------------------------------------------------
   Expanded option list
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .tags-nav {
	background: #111516 !important;
	color: #d8dcde !important;

	border: 0 !important;
	border-bottom: 1px solid #394345 !important;
	border-radius: 0 !important;

	box-shadow: none !important;
}

html.oneauto-dark #finderSearch .tags-nav > li {
	background: transparent !important;
	border-bottom: 1px solid #2e3537 !important;
}

html.oneauto-dark #finderSearch .tags-nav > li:last-child {
	border-bottom: 0 !important;
}

html.oneauto-dark #finderSearch .tags-nav > li:hover {
	background: #202627 !important;
}


/* ---------------------------------------------------------
   Checkbox labels
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .md-checkbox label {
	color: #cbd1d5 !important;
}

html.oneauto-dark #finderSearch .md-checkbox label:hover {
	color: #ffffff !important;
}


/* ---------------------------------------------------------
   Checkbox appearance
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .md-checkbox label::before {
	background: #111516 !important;
	border-color: #566166 !important;
}

html.oneauto-dark #finderSearch
.md-checkbox input[type="checkbox"]:checked + label::before {
	background: #0d53c5 !important;
	border-color: #0d53c5 !important;
}

html.oneauto-dark #finderSearch
.md-checkbox input[type="checkbox"]:checked + label::after {
	color: #ffffff !important;
	border-color: #ffffff !important;
}


/* ---------------------------------------------------------
   Nested checkbox options
   --------------------------------------------------------- */

html.oneauto-dark #finderSearch .sub-options {
	background: #111516 !important;
	border-left: 2px solid #343b3d !important;
}

html.oneauto-dark #finderSearch .sub-options li {
	background: transparent !important;
	border-color: #2e3537 !important;
}

html.oneauto-dark #finderSearch .sub-options label {
	color: #aeb6bd !important;
}


/* =========================================================
   RANGE SLIDERS
   ========================================================= */

html.oneauto-dark #finderSearch .range-filter {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html.oneauto-dark #finderSearch .slider-range,
html.oneauto-dark #finderSearch .ui-slider {
	background: #343b3d !important;
	border: 0 !important;
}

html.oneauto-dark #finderSearch .ui-slider-range {
	background: #397fe3 !important;
	border: 0 !important;
}

html.oneauto-dark #finderSearch .ui-slider-handle {
	background: #f3f5f6 !important;

	border: 2px solid #397fe3 !important;

	box-shadow: 0 2px 8px rgba(0, 0, 0, .35) !important;

	outline: none !important;
}

html.oneauto-dark #finderSearch .ui-slider-handle:hover,
html.oneauto-dark #finderSearch .ui-slider-handle:focus {
	background: #ffffff !important;
	border-color: #4ea3ff !important;

	box-shadow:
		0 0 0 4px rgba(57, 127, 227, .18),
		0 2px 8px rgba(0, 0, 0, .35) !important;
}


/* =========================================================
   SECTION HEADINGS
   Example: Lisavarustus
   ========================================================= */

html.oneauto-dark #finderSearch .heading-ui {
	background: transparent !important;
	border-color: #343b3d !important;
}

html.oneauto-dark #finderSearch .heading-ui h3 {
	color: #ffffff !important;
	border-color: #343b3d !important;
}


/* =========================================================
   FILTER PANEL ACTION BUTTONS
   ========================================================= */


/* ---------------------------------------------------------
   Close filters
   --------------------------------------------------------- */

html.oneauto-dark .close-filters-27 {
	background: #111516 !important;
	color: #f3f5f6 !important;

	border: 1px solid #3a4346 !important;

	box-shadow: none !important;
}

html.oneauto-dark .close-filters-27:hover {
	background: #171c1d !important;
	color: #ffffff !important;
	border-color: #566166 !important;
}

html.oneauto-dark .close-filters-27 i {
	color: inherit !important;
}


/* ---------------------------------------------------------
   Reset filters
   --------------------------------------------------------- */

html.oneauto-dark .reset-results-27 {
	background: #111516 !important;
	color: #cbd1d5 !important;

	border: 1px solid #3a4346 !important;

	box-shadow: none !important;
}

html.oneauto-dark .reset-results-27:hover {
	background: #171c1d !important;
	color: #ffffff !important;
	border-color: #566166 !important;
}

html.oneauto-dark .reset-results-27 i {
	color: inherit !important;
}


/* Disabled reset state */

html.oneauto-dark .reset-results-27.disabled,
html.oneauto-dark .reset-results-27[aria-disabled="true"] {
	background: #24292b !important;
	color: #697378 !important;
	border-color: #343b3d !important;
}


/* =========================================================
   COMPACT EXPLORE HEADER
   Sort and Filters controls above the search results
   ========================================================= */


/* ---------------------------------------------------------
   Header background
   --------------------------------------------------------- */

html.oneauto-dark .mobile-explore-head-top {
	background: #001313 !important;
	color: #e8e6e3 !important;
}


/* ---------------------------------------------------------
   Transparent control wrappers
   --------------------------------------------------------- */

html.oneauto-dark
.mobile-explore-head-top
.explore-head-search,

html.oneauto-dark
.mobile-explore-head-top
.explore-head-top-filters {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}


/* ---------------------------------------------------------
   Compact sort field
   Preserve MyListing's original borderless appearance
   --------------------------------------------------------- */

html.oneauto-dark
.mobile-explore-head-top
.select2-container--default
.select2-selection--single {
	background: transparent !important;
	color: #f3f5f6 !important;

	border: 0 !important;
	border-radius: 0 !important;

	box-shadow: none !important;
}

html.oneauto-dark
.mobile-explore-head-top
.select2-selection__rendered {
	color: #f3f5f6 !important;
}

html.oneauto-dark
.mobile-explore-head-top
.select2-selection__arrow {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

html.oneauto-dark
.mobile-explore-head-top
.select2-selection__arrow b {
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 6px solid #7d888d !important;
	border-bottom: 0 !important;
}

html.oneauto-dark
.mobile-explore-head-top
.select2-container--open
.select2-selection__arrow b {
	border-top: 0 !important;
	border-bottom: 6px solid #aeb6bd !important;
}


/* Sort/list icon */

html.oneauto-dark
.mobile-explore-head-top
.explore-head-search > i {
	color: #aeb6bd !important;
}


/* ---------------------------------------------------------
   Filters button
   Preserve original borderless appearance
   --------------------------------------------------------- */

html.oneauto-dark
.mobile-explore-head-top
.explore-head-top-filters a {
	background: transparent !important;
	color: #f3f5f6 !important;

	border: 0 !important;

	padding-right: 0 !important;

	box-shadow: none !important;
}

html.oneauto-dark
.mobile-explore-head-top
.explore-head-top-filters a:hover {
	background: transparent !important;
	color: #ffffff !important;

	border: 0 !important;

	box-shadow: none !important;
}

html.oneauto-dark
.mobile-explore-head-top
.explore-head-top-filters i {
	color: #397fe3 !important;
}


/* =========================================================
   FILTER PANEL SCROLLBAR
   ========================================================= */

html.oneauto-dark #finderSearch {
	scrollbar-color: #4a5458 #111516;
}

html.oneauto-dark #finderSearch::-webkit-scrollbar {
	width: 8px;
}

html.oneauto-dark #finderSearch::-webkit-scrollbar-track {
	background: #111516;
}

html.oneauto-dark #finderSearch::-webkit-scrollbar-thumb {
	background: #4a5458;
	border-radius: 10px;
}

html.oneauto-dark #finderSearch::-webkit-scrollbar-thumb:hover {
	background: #616c70;
}

/* =========================================================
   DARK MODE — ADVANCED SEARCH /otsing/
   ========================================================= */

/* Top vehicle type selector */
html.oneauto-dark .explore-head,
html.oneauto-dark .explore-types {
	background: #1b1f20 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark .explore-types .item,
html.oneauto-dark .explore-types .item a {
	background: transparent !important;
	color: #9ca3af !important;
	border-color: transparent !important;
}

html.oneauto-dark .explore-types .item .type-info,
html.oneauto-dark .explore-types .item .type-info h4,
html.oneauto-dark .explore-types .item .type-info i {
	color: #9ca3af !important;
}

html.oneauto-dark .explore-types .item.active,
html.oneauto-dark .explore-types .item.active a,
html.oneauto-dark .explore-types .item:hover,
html.oneauto-dark .explore-types .item:hover a {
	background: #1b1f20 !important;
	color: #4ea3ff !important;
	border-color: #4ea3ff !important;
}

html.oneauto-dark .explore-types .item.active .type-info h4,
html.oneauto-dark .explore-types .item.active .type-info i,
html.oneauto-dark .explore-types .item:hover .type-info h4,
html.oneauto-dark .explore-types .item:hover .type-info i {
	color: #4ea3ff !important;
}

/* Sidebar shell */
html.oneauto-dark .explore-classic-sidebar,
html.oneauto-dark .explore-classic-sidebar .element,
html.oneauto-dark .explore-classic-sidebar .finder-tabs,
html.oneauto-dark .explore-classic-sidebar .tab-content,
html.oneauto-dark .explore-classic-sidebar .tab-pane,
html.oneauto-dark .explore-classic-sidebar .search-filters,
html.oneauto-dark .explore-classic-sidebar .light-forms,
html.oneauto-dark .explore-classic-sidebar .filter-wrapper {
	background: #1b1f20 !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

/* Sidebar filter rows */
html.oneauto-dark .explore-classic-sidebar .form-group,
html.oneauto-dark .explore-classic-sidebar .md-group,
html.oneauto-dark .explore-classic-sidebar .explore-filter,
html.oneauto-dark .explore-classic-sidebar .cts-term-hierarchy,
html.oneauto-dark .explore-classic-sidebar .custom-toggle-header {
	background: transparent !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

/* Labels and values */
html.oneauto-dark .explore-classic-sidebar label,
html.oneauto-dark .explore-classic-sidebar .amount,
html.oneauto-dark .explore-classic-sidebar h3,
html.oneauto-dark .explore-classic-sidebar .custom-toggle-header label {
	color: #f1f5f9 !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Select2 in sidebar */
html.oneauto-dark .explore-classic-sidebar .select2-container,
html.oneauto-dark .explore-classic-sidebar .selection,
html.oneauto-dark .explore-classic-sidebar .select-wrapper {
	background: transparent !important;
}

html.oneauto-dark .explore-classic-sidebar .select2-selection,
html.oneauto-dark .explore-classic-sidebar .select2-selection--single {
	background: transparent !important;
	color: #e8e6e3 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark .explore-classic-sidebar .select2-selection__rendered,
html.oneauto-dark .explore-classic-sidebar .select2-selection__placeholder,
html.oneauto-dark .explore-classic-sidebar .select2-selection__clear {
	color: #f1f5f9 !important;
	opacity: 1 !important;
	visibility: visible !important;
}

html.oneauto-dark .explore-classic-sidebar .select2-selection__arrow b {
	border-top-color: #9ca3af !important;
}

/* Checkbox dropdowns */
html.oneauto-dark .explore-classic-sidebar .tags-nav {
	background: #1b1f20 !important;
	border-color: #343b3d !important;
	box-shadow: none !important;
}

html.oneauto-dark .explore-classic-sidebar .tags-nav li,
html.oneauto-dark .explore-classic-sidebar .md-checkbox,
html.oneauto-dark .explore-classic-sidebar .md-checkbox label,
html.oneauto-dark .explore-classic-sidebar .sub-options label {
	color: #e8e6e3 !important;
	background: transparent !important;
}


/* Advanced-search custom dropdown arrows */
html.oneauto-dark .explore-classic-sidebar .custom-dropdown-arrow {
	width: 0 !important;
	height: 0 !important;
	color: transparent !important;
	background: transparent !important;
	border-left: 5px solid transparent !important;
	border-right: 5px solid transparent !important;
	border-top: 5px solid #9ca3af !important;
}

html.oneauto-dark .explore-classic-sidebar .form-group.open .custom-dropdown-arrow,
html.oneauto-dark .explore-classic-sidebar .form-group.active .custom-dropdown-arrow,
html.oneauto-dark .explore-classic-sidebar .form-group-tags.open .custom-dropdown-arrow {
	border-top: 0 !important;
	border-bottom: 5px solid #4ea3ff !important;
}

/* Range sliders */
html.oneauto-dark .explore-classic-sidebar .slider-range,
html.oneauto-dark .explore-classic-sidebar .ui-slider {
	background: #343b3d !important;
	border: 0 !important;
}

html.oneauto-dark .explore-classic-sidebar .ui-slider-range,
html.oneauto-dark .explore-classic-sidebar .ui-widget-header {
	background: #0D53C5 !important;
}

html.oneauto-dark .explore-classic-sidebar .ui-slider-handle {
	background: #252a2b !important;
	border: 1px solid #9ca3af !important;
	box-shadow: none !important;
}


/* Search / reset buttons */
html.oneauto-dark .explore-classic-sidebar .fc-search {
	background: #1b1f20 !important;
	border: 0 !important;
	box-shadow: none !important;
	padding-top: 12px !important;
}

html.oneauto-dark .explore-classic-sidebar .fc-search::before,
html.oneauto-dark .explore-classic-sidebar .fc-search::after {
	display: none !important;
	content: none !important;
	background: transparent !important;
}

html.oneauto-dark .explore-classic-sidebar .fc-search .c27-explore-search-button,
html.oneauto-dark .explore-classic-sidebar .fc-search a.buttons.button-2.full-width {
	background: #0D53C5 !important;
	color: #ffffff !important;
	border: 0 !important;
	box-shadow: none !important;
}

html.oneauto-dark .explore-classic-sidebar .fc-search .reset-results-27,
html.oneauto-dark .explore-classic-sidebar .fc-search .reset-results {
	background: #252a2b !important;
	color: #9ca3af !important;
	border: 1px solid #343b3d !important;
	box-shadow: none !important;
	margin-top: 12px !important;
}

html.oneauto-dark .explore-classic-sidebar .fc-search .close-filters-27 {
	background: #252a2b !important;
	color: #e8e6e3 !important;
	border: 1px solid #343b3d !important;
}

html.oneauto-dark .explore-classic-sidebar .fc-search > * {
	position: relative !important;
	z-index: 2 !important;
}

/* =========================================================
   ADVANCED SEARCH — SELECTED ARROWS + COLUMN GAP
   ========================================================= */

/* Selected checkbox-dropdown: closed arrow becomes accent blue */
html.oneauto-dark
.explore-classic-sidebar
.form-group-tags:has(input:checked)
.custom-dropdown-arrow {
	border-top-color: #0D53C5 !important;
}

/* Selected checkbox-dropdown while opened: upward arrow stays blue */
html.oneauto-dark
.explore-classic-sidebar
.form-group-tags.open:has(input:checked)
.custom-dropdown-arrow,
html.oneauto-dark
.explore-classic-sidebar
.form-group-tags.active:has(input:checked)
.custom-dropdown-arrow {
	border-top-color: transparent !important;
	border-bottom-color: #0D53C5 !important;
}

/* Also support MyListing groups that use a selected/active class */
html.oneauto-dark
.explore-classic-sidebar
.form-group-tags.selected
.custom-dropdown-arrow,
html.oneauto-dark
.explore-classic-sidebar
.form-group-tags.has-value
.custom-dropdown-arrow {
	border-top-color: #0D53C5 !important;
}

/* Restore a proper visual gap between filters and listings */
@media (min-width: 993px) {
	html.oneauto-dark .explore-classic-content {
		padding-left: 24px !important;
		box-sizing: border-box !important;
	}
}