/* === Filter-knapp synlighet (separert fra styling for å unngå at
	       display: none lekker inn på :hover/:focus/:active) === */
	.bruktbil-filter-btn { display: none !important; }
	@media (max-width: 767px) {
		.bruktbil-filter-btn { display: inline-flex !important; }
	}

	/* === Filter-knapp styling – matcher sort-dropdownens minimalist look:
	   ingen border, ingen bakgrunn, kun tekst + ikon. === */
	.bruktbil-filter-btn,
	.bruktbil-filter-btn:hover,
	.bruktbil-filter-btn:focus,
	.bruktbil-filter-btn:active {
		align-items: center;
		gap: 6px;
		background: transparent !important;
		background-color: transparent !important;
		background-image: none !important;
		color: #1C1C1C !important;
		font-family: 'neue-haas-grotesk-text', sans-serif !important;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: 1.2 !important;
		padding: 6px 0 !important;
		border: none !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		outline: none;
		cursor: pointer;
		transition: color .15s ease;
	}
	.bruktbil-filter-btn:hover { color: #6B6B6B !important; }
	.bruktbil-filter-btn:focus-visible {
		outline: 2px solid #1C1C1C;
		outline-offset: 2px;
	}
	.bruktbil-filter-btn svg { flex-shrink: 0; }
	.bruktbil-filter-btn__count {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 18px;
		height: 18px;
		padding: 0 4px;
		background: #1C1C1C;
		color: #FFFFFF;
		font-size: 11px;
		font-weight: 400;
		border-radius: 999px;
		line-height: 1;
	}
	.bruktbil-filter-btn__count[hidden] { display: none; }

	/* === Backdrop. Veldig høy z-index for å ligge OVER Elementors sticky
	   header (som har z-index: 999999999). === */
	.bruktbil-filter-backdrop {
		position: fixed;
		inset: 0;
		background: rgba(28, 28, 28, 0.4);
		z-index: 2147483646;
		opacity: 0;
		transition: opacity .25s ease;
		pointer-events: none;
	}
	body.bruktbil-filter-open .bruktbil-filter-backdrop {
		opacity: 1;
		pointer-events: auto;
	}

	@media (max-width: 767px) {
		/* Vis filter-knappen */
		.bruktbil-filter-btn { display: inline-flex !important; }

		/* Filter-formet blir transformert til drawer.
		   Full bredde på mobil (Polestar-stil), z-index over Elementors
		   sticky header (999999999). */
		form.bruktbil-filter {
			position: fixed !important;
			top: 0 !important;
			right: 0 !important;
			bottom: 0 !important;
			left: 0 !important;
			height: 100vh;
			height: 100dvh;
			width: 100% !important;
			max-width: 100% !important;
			z-index: 2147483647 !important;
			background: #FFFFFF !important;
			padding: 56px 20px 160px !important;
			overflow-y: auto;
			transform: translateX(100%);
			transition: transform .3s cubic-bezier(.2, .8, .2, 1);
			-webkit-overflow-scrolling: touch;
		}
		form.bruktbil-filter[data-mobile-open] {
			transform: translateX(0);
		}

		body.bruktbil-filter-open {
			overflow: hidden;
		}

		/* Skjul filter-sidebar når drawer er lukket (matches gammel display:none-regel
		   men nå styres via JS). Faktisk: vi viser den ALDRI som sidebar på mobil –
		   drawer er den eneste mobil-presentasjonen. CSS over plasserer den fixed,
		   så den dukker ikke opp i normalt layout. */

		/* Lukk-X øverst-høyre. !important + bred selector for å unngå at
		   Elementor sin button-hover-style (rosa accent) lekker inn. */
		.bruktbil-filter__close,
		.bruktbil-filter__close:hover,
		.bruktbil-filter__close:focus,
		.bruktbil-filter__close:active {
			position: absolute;
			top: 12px; right: 12px;
			background: transparent !important;
			background-color: transparent !important;
			background-image: none !important;
			border: none !important;
			box-shadow: none !important;
			outline: none;
			padding: 8px;
			cursor: pointer;
			color: #1C1C1C !important;
			line-height: 0;
		}
		.bruktbil-filter__close:hover { color: #6B6B6B !important; }

		/* "Vis biler"-knappen nederst (sticky) */
		.bruktbil-filter__done,
		.bruktbil-filter__done:hover,
		.bruktbil-filter__done:focus,
		.bruktbil-filter__done:active {
			position: fixed;
			bottom: 16px;
			left: 16px;
			right: 16px;
			width: auto;
			background: #1C1C1C !important;
			background-color: #1C1C1C !important;
			background-image: none !important;
			color: #FFFFFF !important;
			border: none !important;
			padding: 14px 20px !important;
			border-radius: 999px !important;
			font-family: 'neue-haas-grotesk-text', sans-serif !important;
			font-weight: 400 !important;
			font-size: 14px !important;
			cursor: pointer;
			z-index: 2147483647;
			box-shadow: 0 4px 16px rgba(0,0,0,0.15) !important;
			outline: none;
		}
		.bruktbil-filter__done:hover {
			background: #000 !important;
			background-color: #000 !important;
		}
		body:not(.bruktbil-filter-open) .bruktbil-filter__done { display: none; }
	}

	/* På desktop: drawer-only chrome (close-X og done-knapp) skjules */
	@media (min-width: 768px) {
		.bruktbil-filter__close,
		.bruktbil-filter__done {
			display: none;
		}
	}