/* =========================================================
   Wpbingo Ajax Filter — Restyle "accordion" v3
   IMPORTANTE: il CSS del plugin usa selettori con ID
   (#bwp_form_filter_product ...) ad altissima specificita'.
   Per vincere, qui prefissiamo TUTTO con lo stesso ID e
   annulliamo le regole che nascondono titoli e checkbox:
     - .bwp-filter input { display:none }      -> riattivata
     - .bwp-filter span  { text-indent:100% }  -> annullata
     - .bwp-filter li    { float:left }         -> annullata
   ========================================================= */

/* ---- Sezione come accordion ---- */
#bwp_form_filter_product .bwp-filter.bwp-acc,
#bwp_form_filter_product .bwp-filter-price.bwp-acc {
	border: 0;
	border-top: 1px solid rgba(0,0,0,.10);
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
	box-sizing: border-box;
}
#bwp_form_filter_product .bwp-filter.bwp-acc:last-of-type {
	border-bottom: 1px solid rgba(0,0,0,.10);
}

/* ---- Testata cliccabile: il TITOLO (h3) ---- */
#bwp_form_filter_product .bwp-acc > .bwp-acc-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 16px 2px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .03em;
	text-transform: uppercase;
	color: #1a1a1a;
	background: none;
	border: 0;
	float: none;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.3;
}
/* il testo del titolo: annulla text-indent / overflow del tema */
#bwp_form_filter_product .bwp-acc > .bwp-acc-head .bwp-acc-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border: 0;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: visible;
	text-indent: 0;
	white-space: normal;
	color: #1a1a1a;
	background: none;
	font-size: 16px;
}

/* Badge numero filtri scelti */
#bwp_form_filter_product .bwp-acc .count-chosen {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	background: #b89b5e;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	margin-left: 8px;
	text-indent: 0;
	overflow: visible;
	width: auto;
	border: 0;
}

/* ---- Freccia ---- */
#bwp_form_filter_product .bwp-acc .bwp-acc-arrow {
	width: 9px;
	height: 9px;
	border: 0;
	border-right: 2px solid #5a5a5a;
	border-bottom: 2px solid #5a5a5a;
	border-radius: 0;
	transform: rotate(45deg);
	transition: transform .25s ease;
	flex: 0 0 auto;
	margin-right: 4px;
	background: none;
	padding: 0;
	text-indent: 0;
	overflow: visible;
}
#bwp_form_filter_product .bwp-acc.is-open > .bwp-acc-head .bwp-acc-arrow {
	transform: rotate(-135deg);
}

/* ---- Corpo apri/chiudi ---- */
#bwp_form_filter_product .bwp-acc > .bwp-acc-body {
	overflow: hidden;
	transition: max-height .3s ease, opacity .25s ease, padding .25s ease;
	max-height: 0;
	opacity: 0;
	padding: 0;
	margin: 0;
	float: none;
	width: 100%;
}
#bwp_form_filter_product .bwp-acc.is-open > .bwp-acc-body {
	max-height: 3000px;
	opacity: 1;
	padding-bottom: 16px;
}

/* ---- Lista valori: annulla float/colonne del tema ---- */
#bwp_form_filter_product .bwp-acc .bwp-acc-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	float: none;
	width: 100%;
}
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li {
	margin: 0;
	padding: 0;
	border: 0;
	float: none;
	width: 100%;
	display: block;
	list-style: none;
	background: none;
}

/* Riga = etichetta a tutta larghezza */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > span,
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li.filter_color,
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li.filter_image {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 7px 2px;
	margin: 0;
	cursor: pointer;
	font-size: 14px;
	color: #2a2a2a;
	border: 0;
	background: none;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: visible;
	text-indent: 0;
	white-space: normal;
}

/* ---- CHECKBOX standard: riattiva (il tema le nasconde) ---- */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > span > input[type="checkbox"],
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > input[type="checkbox"] {
	display: inline-block;
	-webkit-appearance: checkbox;
	appearance: auto;
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin: 0;
	padding: 0;
	accent-color: #b89b5e;
	flex: 0 0 auto;
	cursor: pointer;
	position: static;
	opacity: 1;
	border: 1px solid #b5b5b5;
	background: #fff;
	border-radius: 3px;
	text-indent: 0;
	overflow: visible;
}

/* etichetta nome + contatore */
#bwp_form_filter_product .bwp-acc .bwp-acc-list label.count {
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-size: 14px;
	color: #2a2a2a;
	float: none;
	border: 0;
	height: auto;
	overflow: visible;
	text-indent: 0;
	white-space: normal;
	background: none;
}
#bwp_form_filter_product .bwp-acc .bwp-acc-list label.name {
	margin: 0;
	padding: 0;
	cursor: pointer;
	float: none;
	border: 0;
	overflow: visible;
	text-indent: 0;
	white-space: normal;
}
#bwp_form_filter_product .bwp-acc .bwp-acc-list .bwp-count-num {
	margin-left: auto;
	color: #9a9a9a;
	font-size: 13px;
	flex: 0 0 auto;
}

/* ---- Pallino colore (qui lo span 20x20 del tema VA bene, lo adattiamo) ---- */
#bwp_form_filter_product .bwp-acc .filter_color > span:first-child {
	width: 18px;
	height: 18px;
	min-width: 18px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.15);
	flex: 0 0 auto;
	position: relative;
	padding: 0;
	margin: 0;
	display: inline-block;
	overflow: visible;
	text-indent: 0;
}
#bwp_form_filter_product .bwp-acc .filter_color > span:first-child input[type="checkbox"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-width: 0;
	opacity: 0;
	cursor: pointer;
	border: 0;
	display: block;
}
#bwp_form_filter_product .bwp-acc .filter_color.active > span:first-child {
	box-shadow: 0 0 0 2px #fff, 0 0 0 4px #b89b5e;
	border-color: transparent;
}

/* ---- Icona immagine ---- */
#bwp_form_filter_product .bwp-acc .filter_image > span:first-child {
	width: 24px;
	height: 24px;
	min-width: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	flex: 0 0 auto;
	position: relative;
	display: inline-block;
	border: 0;
	margin: 0;
	padding: 0;
	overflow: visible;
	text-indent: 0;
}
#bwp_form_filter_product .bwp-acc .filter_image > span:first-child input[type="checkbox"] {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-width: 0;
	opacity: 0;
	cursor: pointer;
	display: block;
}
#bwp_form_filter_product .bwp-acc .filter_image.active > span:first-child {
	outline: 2px solid #b89b5e;
	outline-offset: 1px;
}

/* ---- Reset di sezione ---- */
#bwp_form_filter_product .bwp-acc facet-remove {
	display: inline-block;
	margin: 0 0 8px;
	font-size: 12px;
	color: #777;
	text-decoration: underline;
	cursor: pointer;
}

/* ---- Hover riga ---- */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li:hover {
	background: rgba(0,0,0,.02);
	border-radius: 6px;
}

/* ---- Slider prezzo ---- */
#bwp_form_filter_product .bwp-filter-price.bwp-acc .price-input {
	margin-top: 12px;
	font-size: 13px;
	color: #555;
}

/* =========================================================
   v4 — Allineamento a sinistra forzato + nascondi eventuali
   dropdown residui del tema (doppio selettore)
   ========================================================= */

/* Tutto il contenuto della sidebar allineato a sinistra */
#bwp_form_filter_product,
#bwp_form_filter_product .bwp-acc,
#bwp_form_filter_product .bwp-acc * {
	text-align: left !important;
}

/* Nascondi eventuali dropdown-toggle / menu a tendina residui
   che il tema potrebbe ancora generare o stilizzare (doppio selettore) */
#bwp_form_filter_product .dropdown-toggle,
#bwp_form_filter_product h2.dropdown-toggle,
#bwp_form_filter_product .filter-select.dropdown-menu,
#bwp_form_filter_product ul.filter-select {
	display: none !important;
}

/* La nostra lista accordion deve restare visibile e a blocco */
#bwp_form_filter_product .bwp-acc .bwp-acc-list {
	display: block !important;
}

/* Annulla eventuali float/allineamenti del contenitore widget */
.widget.bwp-filter-ajax,
#bwp_form_filter_product {
	float: none !important;
	text-align: left !important;
}

/* =========================================================
   v5 — Riga valore testuale: allineamento a sinistra netto
   ========================================================= */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > span {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	text-align: left !important;
	gap: 10px !important;
	width: 100% !important;
}
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > span > input[type="checkbox"] {
	order: -1;          /* checkbox sempre per prima, a sinistra */
	margin: 0 !important;
}
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li label.name {
	text-align: left !important;
	flex: 1 1 auto !important;
}
/* il numerino del conteggio a destra */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li .bwp-count-num {
	margin-left: auto !important;
}

/* =========================================================
   v6 — Fix slider prezzo (jQuery UI): non toccare la sua
   struttura interna e dagli margine per le maniglie
   ========================================================= */

/* Spazio ai lati cosi' le maniglie non vengono tagliate */
#bwp_form_filter_product .bwp-filter-price.bwp-acc .content-filter-price {
	padding-left: 10px !important;
	padding-right: 10px !important;
	box-sizing: border-box !important;
}

/* Lo slider e tutti i suoi figli: NON applicare i nostri reset.
   Ripristina il comportamento nativo di jQuery UI. */
#bwp_form_filter_product #bwp_slider_price,
#bwp_form_filter_product #bwp_slider_price * {
	text-align: initial !important;
	float: none !important;
	box-sizing: border-box !important;
}
#bwp_form_filter_product #bwp_slider_price {
	position: relative !important;
	width: 100% !important;
	margin: 10px 0 14px !important;
	display: block !important;
}
/* Le maniglie dello slider devono restare assolute e visibili */
#bwp_form_filter_product #bwp_slider_price .ui-slider-handle {
	position: absolute !important;
	display: block !important;
	width: 14px !important;
	height: 14px !important;
	top: 50% !important;
	margin-top: -7px !important;
}
/* La barra di range colorata */
#bwp_form_filter_product #bwp_slider_price .ui-slider-range {
	position: absolute !important;
	display: block !important;
	height: 100% !important;
}
/* Il testo del range allineato a sinistra */
#bwp_form_filter_product .bwp-filter-price.bwp-acc .price-input {
	text-align: left !important;
	padding-left: 0 !important;
}

/* =========================================================
   v7 — Due fix finali:
   1) nascondi il quadratino "fantasma" a destra di ogni riga
   2) togli il bordo attorno alla voce selezionata (.active)
   ========================================================= */

/* 1) Il box fantasma a destra: e' un secondo input/elemento che
   non serve. Mostriamo SOLO la checkbox dentro lo <span> della
   riga; nascondiamo qualsiasi altro input/checkbox diretto del <li>
   e qualsiasi input dentro label.count */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > input[type="checkbox"],
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > label.count input[type="checkbox"],
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li label.count input,
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > .count > input {
	display: none !important;
}

/* In caso il box fantasma sia generato come ::after/::before sulla riga o sul count */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li::after,
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > label.count::after,
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > label.count::before {
	display: none !important;
	content: none !important;
}

/* La label.count (nome + numero) NON deve avere aspetto da box */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li label.count {
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 0 !important;
	height: auto !important;
}

/* 2) Nessun bordo/box attorno alla voce selezionata */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li.active,
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li.active > span,
#bwp_form_filter_product .bwp-acc .filter_color.active,
#bwp_form_filter_product .bwp-acc .filter_image.active {
	border: 0 !important;
	box-shadow: none !important;
	outline: none !important;
	background: none !important;
}
/* (per i pallini colore manteniamo solo l'anello dorato sul cerchio,
   non sul li intero — gia' gestito altrove) */


/* =========================================================
   v8 (corretto) — Il quadratino fantasma nasce dal CSS del
   plugin che rende OGNI <span> un box 20x20 bordato.
   Usiamo selettori validi per annullarlo, mantenendo solo
   i pallini colore/immagine come box.
   ========================================================= */

/* Reset di default per gli span dentro la riga valore */
#bwp_form_filter_product .bwp-acc .bwp-acc-list label.count,
#bwp_form_filter_product .bwp-acc .bwp-acc-list label.name,
#bwp_form_filter_product .bwp-acc .bwp-acc-list .bwp-count-num {
	border: 0 !important;
	width: auto !important;
	height: auto !important;
	min-width: 0 !important;
	text-indent: 0 !important;
	overflow: visible !important;
	background: none !important;
}

/* Il numerino conteggio: inline, grigio, spinto a destra */
#bwp_form_filter_product .bwp-acc .bwp-acc-list .bwp-count-num {
	display: inline !important;
	margin-left: auto !important;
	color: #9a9a9a !important;
	flex: 0 0 auto !important;
}

/* La riga contenitore resta flex */
#bwp_form_filter_product .bwp-acc .bwp-acc-list > li > span {
	display: flex !important;
	align-items: center !important;
}

/* SOLO il pallino colore (primo span di filter_color) resta box tondo */
#bwp_form_filter_product .bwp-acc li.filter_color > span:first-child {
	display: inline-block !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	border-radius: 50% !important;
	border: 1px solid rgba(0,0,0,.15) !important;
	flex: 0 0 auto !important;
}
/* SOLO l'icona immagine (primo span di filter_image) resta box */
#bwp_form_filter_product .bwp-acc li.filter_image > span:first-child {
	display: inline-block !important;
	width: 24px !important;
	height: 24px !important;
	min-width: 24px !important;
	border: 0 !important;
	flex: 0 0 auto !important;
}


/* =========================================================
   v9 (corretto) — "Clear All" in cima: bottone leggibile,
   hover sempre visibile (no bianco su bianco)
   ========================================================= */
#bwp_form_filter_product .bwp-clear-all-top {
	margin: 0 0 14px !important;
	text-align: left !important;
}
#bwp_form_filter_product .bwp-clear-all-top .filter_clear_all,
#bwp_form_filter_product a.filter_clear_all {
	display: inline-block !important;
	padding: 10px 20px !important;
	background: #b89b5e !important;        /* oro brand */
	color: #ffffff !important;              /* testo bianco sempre */
	border: 1px solid #b89b5e !important;
	border-radius: 6px !important;
	font-size: 13px !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	cursor: pointer !important;
	transition: background .2s ease, color .2s ease !important;
	line-height: 1.2 !important;
}
/* HOVER: inverte ma resta leggibile (testo oro su sfondo chiaro con bordo) */
#bwp_form_filter_product .bwp-clear-all-top .filter_clear_all:hover,
#bwp_form_filter_product a.filter_clear_all:hover {
	background: #ffffff !important;
	color: #b89b5e !important;              /* testo oro: visibile su bianco */
	border: 1px solid #b89b5e !important;
}