/**
 * Framework: Hyper-Fast WP
 * File mobile-filtri.css
 * Aggiornato al 07-07-2023
 * Incluso da css-lista-mobile.php
 */

.mobile-pulsante-filtroprodotti-cont {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	width: 100%;
	background: #DDD;
	margin-top: 0px;
	margin-bottom: 10px;
}
.mobile-pulsante-filtroprodotti-cont svg { height: 24px;
}
.mobile-pulsante-filtroprodotti-cont a {
	display: flex;
	align-items: center;
	justify-content: center;
}
.mobile-pulsante-filtroprodotti-cont a span { font-size: 14px; color: var(--nero); }

/**
 * SCORREVOLE FILTRI
 */

#mobile-filtri a { color: var(--menumobile-link-color_MB); font-size: var(--menumobile-link-fontsize_MB); 
	padding: var(--menumobile-link-padding_MB) !important; text-decoration: none; text-transform: var(--menumobile-link-texttransform_MB); }

#mobile-filtri a svg { margin-bottom: -5px !important; }

.apri-chiudi-filtri .scorrevole-filtri { -webkit-transform: translateX(0); transform: translateX(100%); }

.apri-chiudi-filtri::after { opacity: 1; visibility: visible; }

#scorrevole_filtri.scorrevole-filtri { z-index: 9999 !important; }

.scorrevole-filtri {
	margin-top: 0px; 
	padding: 30px; 
	display: -webkit-box;
	display: flex; 
	position: fixed; 
	z-index: 888888; 
	top: 0; 
	left: -250px; width: 250px; 
	height: 100vh; 
	background-color: var(--menumobile-scorrevole-backgroundcolor);
	overflow-y: auto; 
	overflow-x: hidden; 
	-webkit-overflow-scrolling: touch; 
	-webkit-transition: 0.45s; transition: 0.45s; 
	-webkit-transform: translateX(100%); transform: translateX(0); 
}

.scorrevole-filtri-int {
	width: 100%;
}

.scorrevole-filtri-int .pulsante-applica-filtri-prodotto button { width: auto !important; }
.scorrevole-filtri-int .pulsante-applica-filtri-prodotto { padding-top: 0px !important; }

/* Larghezza scorrevole su smartphone e tablet */
@media (min-width: 320px) and (max-width: 767.98px) { .scorrevole-filtri {  left: -100%; width: 100%; } }
@media (min-width: 768px) { .scorrevole-filtri {   left: -50%; width: 50%; } }

.scorrevole-filtri ul { margin: 0; padding: 0; border: 0; }
.scorrevole-filtri ol, .scorrevole-filtri ul { list-style:none; }