/* ==========================================================================
   RADAR.casa -- FOGLIO FILTRI, ESTRATTO da mappa.css (M2, 1/10/2026)

   Generato da _prove/sito-vola-30-09/mappa-m1m2/estrai-foglio-filtri.py
   dalle sole regole che mappa.css scrive anche per `.barra-elenco`
   (il foglio dei filtri condiviso con /professionista-elenco/ e
   /immobile-elenco/): tutto cio' che in mappa.css resta scoped alla sola
   `.mappa` (pin, tela, foglio risultati, disegno area, crediti) non puo'
   mai applicarsi li', perche' il contenitore su quelle pagine e'
   `.barra-elenco`, non `.mappa` -- era peso scaricato e basta.

   NON si modifica a mano: cambia la selezione in mappa.css, poi si
   rilancia lo script. Accodato da inc/mappa.php::radar_foglio_filtri_accoda()
   al posto del mappa.css intero.
   ========================================================================== */

:is(.mappa, .barra-elenco) .pillole .pillola {
	min-height: 44px;
	gap: 8px;
	padding: 0 14px 0 9px;
	font-size: 15px;
}

:is(.mappa, .barra-elenco) .pillole[data-altro="destra"] {
	-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 3rem), transparent);
	mask-image: linear-gradient(to right, #000 calc(100% - 3rem), transparent);
}

:is(.mappa, .barra-elenco) .pillole[data-altro="sinistra"] {
	-webkit-mask-image: linear-gradient(to left, #000 calc(100% - 3rem), transparent);
	mask-image: linear-gradient(to left, #000 calc(100% - 3rem), transparent);
}

:is(.mappa, .barra-elenco) .pillole[data-altro="entrambi"] {
	-webkit-mask-image: linear-gradient(to right, transparent, #000 3rem, #000 calc(100% - 3rem), transparent);
	mask-image: linear-gradient(to right, transparent, #000 3rem, #000 calc(100% - 3rem), transparent);
}

:is(.mappa, .barra-elenco) .pillole-mestiere {
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
}

:is(.mappa, .barra-elenco) .pillole-mestiere__ramo {
	border: 1px solid var(--bordo);
	border-radius: 10px;
}

:is(.mappa, .barra-elenco) .pillole-mestiere__titolo {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 14px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	list-style: revert;
	color: var(--testo);
}

:is(.mappa, .barra-elenco) .pillole-mestiere__titolo:focus-visible {
	outline: 2px solid var(--tinta, currentColor);
	outline-offset: -2px;
}

:is(.mappa, .barra-elenco) .pillole-mestiere__ramo .pillole--mestiere {
	padding: 6px 14px 10px;
}

:is(.mappa, .barra-elenco) .pillole .pillola[hidden],
:is(.mappa, .barra-elenco) .pillole-mestiere__ramo[hidden] {
	display: none;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie .pillola {
	min-height: 44px;
	padding: 0 10px 0 7px;
	gap: 6px;
	font-size: 13px;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie .pillola__conto {
	font-size: 11px;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie .pillole__etichetta-gruppo {
	flex: none;
	padding-left: 2px;
	font: 600 11px/1.2 var(--font-mono, inherit);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--testo-2);
	white-space: nowrap;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie .pillole__filetto {
	flex: none;
	align-self: stretch;
	width: 1px;
	margin: 6px 2px;
	background: var(--bordo);
}

:is(.mappa, .barra-elenco) .mappa__barra .filtri { flex: 0 0 auto; }

@media (max-width: 59.999rem) {:is(.mappa, .barra-elenco) .mappa__barra .filtri {
		order: 2;
	}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie {
		order: 3;
		flex: 1 1 100%;
		min-width: 0;
	}

}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .pillole--categorie.mn-pastiglie {
	flex: 0 0 auto;
	width: 100%;
	padding: 2px 2px 6px;
	
	gap: calc(var(--radar-passo, 1rem) * .35);
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia {
	background: var(--radar-superficie, var(--superficie));
	border-color: var(--radar-bordo, var(--bordo));
	color: var(--radar-testo, var(--testo));
	
	box-shadow: none;
	
	padding: 0 calc(var(--radar-passo, 1rem) * .45);
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia .pillola__conto {
	color: var(--radar-testo-secondario, var(--testo-2));
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie:has(.mn-pastiglia__casella:not(:checked)) .pillola.mn-pastiglia:has(.mn-pastiglia__casella:checked) {
	background: color-mix(in srgb, var(--mn-colore, var(--radar-testo)) 16%, var(--radar-superficie, var(--superficie)));
	border-color: var(--mn-colore, var(--radar-testo));
	
	box-shadow: inset 0 0 0 1px var(--mn-colore, var(--radar-testo));
	font-weight: 600;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie:not(:has(.mn-pastiglia__casella:not(:checked))) > [data-radar-tutte] {
	background: color-mix(in srgb, var(--radar-testo, var(--testo)) 12%, var(--radar-superficie, var(--superficie)));
	border-color: var(--radar-testo, var(--testo));
	color: var(--radar-testo, var(--testo));
	font-weight: 700;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia .pillola__conto {
	display: none;
}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .pillole__invia,
:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .mn-barra-azzera {
	background: var(--radar-superficie, var(--superficie));
	border: 1px solid var(--radar-bordo, var(--bordo));
	border-radius: var(--radar-raggio-pillola, 999px);
	box-shadow: var(--radar-ombra, var(--ombra));
	padding: .5rem .9rem;
}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 6;
}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri .filtri__apri {
	position: absolute;
	top: 0;   
	left: 0;
	min-width: 0;
	min-height: 0;
	padding: 0;
	border: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}

@media (min-width: 60rem) {:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .pillole--categorie.mn-pastiglie {
		width: auto;
	}

}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia {
	background: var(--vetro);
	-webkit-backdrop-filter: var(--vetro-sfocatura);
	backdrop-filter: var(--vetro-sfocatura);
	border-color: var(--vetro-bordo);
	box-shadow: var(--vetro-ombra);
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia {
	background: var(--vetro-forte);
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

:is(.mappa, .barra-elenco) .mappa__barra .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia {
	background: color-mix(in srgb, var(--superficie) 92%, transparent);
}

@media (min-width: 60rem) {:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri {
		position: static;
	}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo,
	:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri[data-allinea="destra"] .filtri__corpo {
		top: 62px;
		left: 0;
		right: 0;
		z-index: 8;
		width: auto;
		max-height: min(calc(100dvh - var(--mappa-testata) - 110px), 36rem);
		padding: 16px;
		border-radius: 24px;
		background: var(--vetro-forte);
		-webkit-backdrop-filter: var(--vetro-sfocatura);
		backdrop-filter: var(--vetro-sfocatura);
		border: 1px solid var(--vetro-bordo);
		box-shadow: var(--vetro-ombra);
	}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__testa {
		background: transparent;
	}

}

@media (min-width: 60rem) {:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo:not([hidden]) {
		display: flex;
		flex-direction: column;
	}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__testa {
		order: -1;
		position: static;
		margin: 0 0 12px;
		padding: 0 0 12px;
		border-bottom: 1px solid color-mix(in srgb, var(--testo) 8%, transparent);
	}

}

:is(.mappa, .barra-elenco) .filtri__corpo .pillole--categorie.mn-pastiglie {
	flex-wrap: wrap;
	overflow: visible;
	width: 100%;
	margin: 0 0 12px;
	padding: 0;
	-webkit-mask-image: none;
	mask-image: none;
}

:is(.mappa, .barra-elenco) .filtri__corpo .pillole--categorie .pillola__conto,
:is(.mappa, .barra-elenco) .filtri__corpo .pillole__invia {
	display: none;
}

:is(.mappa, .barra-elenco) .filtri__corpo [hidden] {
	display: none !important;
}

:is(.mappa, .barra-elenco) .filtri__corpo .pillole--categorie.mn-pastiglie,
:is(.mappa, .barra-elenco) .filtri__corpo .pillole--chi {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	width: 100%;
	margin: 0 0 18px;
	padding: 0;
	overflow: visible;
}

:is(.mappa, .barra-elenco) .filtri__corpo .pillole--categorie.mn-pastiglie::before,
:is(.mappa, .barra-elenco) .filtri__corpo .pillole--chi::before,
:is(.mappa, .barra-elenco) .filtri__corpo .filtro-mestiere::before {
	grid-column: 1 / -1;
	display: block;
	margin: 0 0 2px;
	font: 700 .6875rem/1.3 var(--font);
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--testo-2);
}

:is(.mappa, .barra-elenco) .filtri__corpo .pillole--categorie.mn-pastiglie::before { content: "Categorie"; }

:is(.mappa, .barra-elenco) .filtri__corpo .pillole--chi::before { content: "Chi pubblica"; }

:is(.mappa, .barra-elenco) .filtri__corpo .filtro-mestiere::before { content: "Mestieri"; margin-bottom: 10px; }

:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--categorie.mn-pastiglie > .pillola.mn-pastiglia,
:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--chi > .pillola {
	width: 100%;
	min-width: 0;
	height: 44px;
	margin: 0;
	padding: 0 12px;
	justify-content: flex-start;
	gap: 8px;
	border-radius: 14px;
	background: color-mix(in srgb, var(--superficie) 90%, transparent);
	border: 1px solid color-mix(in srgb, var(--testo) 12%, transparent);
	box-shadow: none;
	color: var(--testo);
	font: 600 .8125rem/1.2 var(--font);
	white-space: nowrap;
}

:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--categorie.mn-pastiglie > .pillola.mn-pastiglia[data-radar-tutte] {
	grid-row: span 2;
	align-self: stretch;
	height: auto;
	justify-content: center;
	text-decoration: none;
}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia .pillola__nome,
:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--chi .pillola__nome {
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--testo);
}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .pillole--categorie.mn-pastiglie .pillola.mn-pastiglia:has(.pillola__casella:checked) {
	background: color-mix(in srgb, var(--superficie) 90%, transparent);
	border-color: color-mix(in srgb, var(--testo) 12%, transparent);
	box-shadow: none;
	color: var(--testo);
}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .pillole--categorie.mn-pastiglie:not(:has(.pillola__casella:not(:checked))) > [data-radar-tutte] {
	background: var(--testo);
	border-color: var(--testo);
	color: var(--superficie);
}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .pillole--categorie.mn-pastiglie:has(.pillola__casella:not(:checked)) .pillola.mn-pastiglia:has(.pillola__casella:checked) {
	background: color-mix(in srgb, var(--mn-colore) 14%, var(--superficie));
	border-color: var(--mn-colore);
	box-shadow: inset 0 0 0 1px var(--mn-colore);
}

:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--chi > .pillola:has(.pillola__casella:checked) {
	background: color-mix(in srgb, var(--testo) 8%, var(--superficie));
	border-color: var(--testo);
	box-shadow: inset 0 0 0 1px var(--testo);
}

:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--chi .pillola__conto {
	display: none;
}

:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--chi > .pillola:nth-of-type(2) {
	grid-column: span 2;
}

:is(.mappa, .barra-elenco) .filtri__corpo .filtro-mestiere {
	margin: 0;
	padding: 0;
}

:is(.mappa, .barra-elenco) .filtri__corpo .filtro-mestiere__ricerca {
	padding: 0;
	margin: 0 0 10px;
}

:is(.mappa, .barra-elenco) .filtri__corpo .filtro-mestiere__cerca-campo {
	width: 100%;
	border-radius: 14px;
}

@media (max-width: 59.999rem) {:is(.mappa, .barra-elenco) .filtri__corpo .pillole--categorie.mn-pastiglie,
	:is(.mappa, .barra-elenco) .filtri__corpo .pillole--chi {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--categorie.mn-pastiglie > .pillola.mn-pastiglia[data-radar-tutte] {
		grid-row: auto;
		grid-column: 1 / -1;
		height: 44px;
	}

.barra-elenco .mappa__barra .filtri__corpo .pillole--chi > .pillola:nth-of-type(1) {
		grid-column: 1 / -1;
	}

.barra-elenco .mappa__barra .filtri__corpo .pillole--chi > .pillola:nth-of-type(2) {
		grid-column: auto;
	}

:is(.mappa, .barra-elenco) .mappa__barra .filtri__corpo .pillole--categorie.mn-pastiglie {
		order: 0;
	}

:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .pillole--categorie.mn-pastiglie,
	:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .pillole--chi,
	:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .filtro-mestiere {
		padding-inline: 16px;
		box-sizing: border-box;
	}

}

@media (min-width: 60rem) {:is(.mappa, .barra-elenco) .mappa__barra.mn-lingua .filtri__corpo .pillole--categorie.mn-pastiglie {
		padding: 0;
		gap: 8px;
	}

}

:is(.mappa, .barra-elenco) .filtri__vicino {
	order: -1;
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	margin: 0 0 12px;
	padding: 10px 14px;
	border: 1px solid color-mix(in srgb, var(--testo) 12%, transparent);
	border-radius: 16px;
	background: color-mix(in srgb, var(--superficie) 70%, transparent);
	color: var(--testo);
	font: inherit;
	text-align: left;
	cursor: pointer;
}

:is(.mappa, .barra-elenco) .filtri__vicino:hover { border-color: #0A84FF; }

:is(.mappa, .barra-elenco) .filtri__vicino-segno {
	position: relative;
	flex: 0 0 40px;
	height: 40px;
	border-radius: 50%;
	background: color-mix(in srgb, #0A84FF 14%, transparent);
}

:is(.mappa, .barra-elenco) .filtri__vicino-segno::after {
	content: "";
	position: absolute;
	inset: 11px;
	background: #0A84FF;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%203%203%2010.5l7.5%203L14%2021z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M21%203%203%2010.5l7.5%203L14%2021z%22%20fill%3D%22%23000%22/%3E%3C/svg%3E") center / contain no-repeat;
}

:is(.mappa, .barra-elenco) .filtri__vicino-testo { display: flex; flex-direction: column; font-size: .9375rem; }

:is(.mappa, .barra-elenco) .filtri__vicino-testo span { color: var(--testo-2); font-size: .8125rem; }