/* Contenitore principale centrato e con larghezza al 90% */
.container {
	display: flex;
	flex-wrap: wrap;
	padding: 20px;
	width: 90%;
	max-width: 90%; /* Limite massimo di larghezza */
	margin: 0 auto; /* Centra il contenitore */
}

.container .row {
	display: flex;
	flex: 0 0 100%;
	gap: 40px;
}

/* Sidebar a sinistra con larghezza fissa al 30% */
.container .col-md-3 {
	width: 30%;
	order: 1; /* Mantiene la sidebar a sinistra */
	max-width: 30%;
}

/* Corpo principale con larghezza fissa al 70% */
.container .col-md-9 {
	width: 70%;
	order: 2; /* Mantiene il contenuto a destra della sidebar */
	max-width: 70%;
}

/* Stile per i widget della sidebar */
.sidebar .widget {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #f9f9f9;
	border-radius: 5px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.sidebar .widget-title {
	font-size: 18px;
	margin-bottom: 10px;
	color: #333;
}

/* stile per i filtri nella sidebar */
.container-filtri {
	padding: 80px 15%;
	background-color: aqua;
	border-top-right-radius: 100px;
	color: #fff;
	background: rgb(42, 49, 83);
	background: -moz-linear-gradient(75deg, rgba(42, 49, 83, 1) 0%, rgba(7, 117, 118, 1) 95%);
	background: -webkit-linear-gradient(75deg, rgba(42, 49, 83, 1) 0%, rgba(7, 117, 118, 1) 95%);
	background: linear-gradient(75deg, rgba(42, 49, 83, 1) 0%, rgba(7, 117, 118, 1) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a3153",endColorstr="#077576",GradientType=1);
	min-height: 30vh;
	margin-top: 55px;
}

p.titolo-sidebar {
	color: #fff;
	font-size: 25px;
	margin-bottom: 10px;
}

.aws-container .aws-search-form {
	position: relative;
	width: 100%;
	float: none !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	align-items: stretch;
	height: 44px;
	margin-bottom: 10px;
}

.bapf_sfilter {
	margin-bottom: 15px;
	border-bottom: 1px solid;
	padding-bottom: 15px;
}

.bapf_sfilter .bapf_hascolarr, .bapf_sfilter .bapf_hasdesc {
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.bapf_body {
	padding-top: 15px;
}

.bapf_sfilter.bapf_ckbox input[type=checkbox] {
	border-color: #fff !important;
}

body .bapf_sfilter.bapf_ckbox input[type=checkbox]:checked {
	background-color: #fff !important;
}

/* rimuovere slider sotto filtro chilometraggio */
.filtro-chilometraggio .bapf_slidr_main {
	display: none !important;
}

/* filtro prezzo */
.bapf_slidr_main.ui-widget-content .ui-slider-range, .berocket_filter_price_slider.ui-widget-content .ui-slider-range {
	background: #ffffff !important;
}

body .ui-slider-handle {
	background-color: #00ffd4 !important;
}

.aws-container .aws-show-clear .aws-search-field {
	padding: 12px 20px !important; 
	background-color: #0000;
}

.aws-container .aws-search-field {
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
}

.aws-search-field::placeholder {
	color: #fff !important;
}

.bapf_sfilter.bapf_rst_nofltr.bapf_rst_sel.bapf_button_berocket.sidebar-button {
	border-bottom: 0px;
}

/* pulsante sidebar */
button.sidebar-button, .bapf_sfilter.bapf_button_berocket .bapf_button {
	padding: 20px 28px;
	letter-spacing: 2px;
	font-size: 20px !important;
	background-color: #fff;
	border: 0px;
	display: block;
	margin-bottom: 10px;
	min-width: 190px;
	text-transform: uppercase;
	color: #1d284a;
	font-weight: 700;
	width: 100%;
	text-align: left !important;
}

button.sidebar-button:hover, .bapf_sfilter.bapf_button_berocket .bapf_button:hover {
	background-color: #1d284a;
	color: #fff;
}

/* Stile per i prodotti */
.woocommerce ul.products {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.woocommerce ul.products li.product {
	width: 100%; /* Una colonna */
	border: 1px solid #eee;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.mk-product-loop.compact-layout {
	margin: 0px;
}

.woocommerce ul.products li.product:hover {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}

.woocommerce ul.products li.product h2 {
	font-size: 16px;
	margin: 10px 0;
	color: #333;
}

.woocommerce ul.products li.product .price {
	font-size: 16px;
	color: #0071a1;
	font-weight: bold;
}

/* Stile per il pulsante "Aggiungi al carrello" */
.woocommerce ul.products li.product .button {
	background-color: #0071a1;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	text-align: center;
	transition: background-color 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
	background-color: #005a7a;
}

/* nascondere pulsante "espndi filtri" */
.toggle-filters {
	display: none;
}

/* Responsivo */
@media (min-width:768px) and (max-width: 1140px) {
	.container .row {
		flex-direction: column;
	}
	.container .col-md-3, .container .col-md-9 {
		width: 100%;
		padding-right: 0;
		max-width: 100%;
	}
	.container-filtri {
		padding: 20px 5%;
		border-bottom-right-radius: 100px;
		border-top-right-radius: 0px;
		min-height: auto;
	}
	.woocommerce ul.products li.product {
		width: 100%;
		max-width: 100%;
	}
	
	/* Nascondi il contenuto dei filtri di default su mobile */
	.filters-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.4s ease-out;
		}
		
	/* Stile per il pulsante */
	.toggle-filters {
		display: block !important;
		color: white;
		background-color:#0000;
		border: none;
		text-align: left;
		cursor: pointer;
		font-size: 16px;
		width: 100%;
		text-transform: uppercase;
		font-weight:900;
		padding: 0px;
		}
		
	/* imagine prodotto */
	.product-image {
		min-height: 25vh !important;
	}
	
	/* info prodotto */
	.product-info {
		min-height: 25vh !important;
	}
}


/* Responsivo */
@media (max-width: 767px) {
	.container .row {
		flex-direction: column;
	}
	.container .col-md-3, .container .col-md-9 {
		width: 100%;
		padding-right: 0;
		max-width: 100%;
	}
	.container-filtri {
		padding: 20px 10%;
		border-bottom-right-radius: 100px;
		border-top-right-radius: 0px;
		min-height: auto;
	}
	.woocommerce ul.products li.product {
		width: 100%;
		max-width: 100%;
	}
	
	/* Nascondi il contenuto dei filtri di default su mobile */
	.filters-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.4s ease-out;
		}
	/* Stile per il pulsante */
	.toggle-filters {
		display: block !important;
		color: white;
		background-color:#0000;
		border: none;
		text-align: left;
		cursor: pointer;
		font-size: 16px;
		width: 100%;
		text-transform: uppercase;
		font-weight:900;
		padding: 0px;
		}
}
/* Stile generale per il layout personalizzato del prodotto */
h1.page-title {
	display: none;
}

.contenitore-custom-product {
	background: rgb(42,49,83);
	background: -moz-linear-gradient(45deg, rgba(42,49,83,1) 90%, rgba(7,117,118,1) 95%);
	background: -webkit-linear-gradient(45deg, rgba(42,49,83,1) 90%, rgba(7,117,118,1) 95%);
	background: linear-gradient(45deg, rgba(42,49,83,1) 90%, rgba(7,117,118,1) 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a3153",endColorstr="#077576",GradientType=1);
}

.custom-product {
	display: flex;
	margin-bottom: 20px;
	padding: 20px;
	background-color: #ffffff;
	flex-direction: row;
	border: 2px solid #1d284a;
	border-top-right-radius: 150px;
}

/* Colonna immagine */
.product-image {
	width: 60%; /* L'immagine occupa la metà del layout */
	min-height: 45vh;
	max-height: 400px;
	background-size: cover;
	background-position: center;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}

.product-image .overlay-link {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 1;
}

/* Colonna informazioni */
.product-info {
	width: 40%;
	max-height: 400px;
	padding: 20px;
	display: flex;
	flex-wrap: no-wrap;
	flex-direction: column;
	justify-content: space-between;
	min-height: 45vh;
	box-sizing: border-box;
}

/* Titolo del prodotto */
.product-title, .product-title a {
	font-size: 24px !important;
	margin: 0 0 10px;
	color: #1d284a !important;
	font-weight: 900;
}

.product-title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}

.product-title a:hover {
	color: #1d284a;
}

/* Dettagli prodotto */
.product-details p {
	margin: 5px 0;
	font-size: 18px;
	color: #1d284a;
}

.product-details .icone p {
	display: flex;
	align-items: center; /* Allinea verticalmente l'icona con il testo */
	width: 100%; /* Evita l'uso di -webkit-fill-available */
	flex-direction: row;
	flex-wrap: nowrap; /* Corregge l'errore di sintassi */
	gap: 10px; /* Aggiunge uno spazio tra icona e testo */
}

.product-info p, .product-info strong {
	margin: 5px 0;
	margin-bottom: 10px;
	font-size: 18px;
	color: #1d284a !important;
}

/* Prezzo prodotto */
.product-price {
	font-size: 30px !important;
	color: #1d284a;
	font-weight: 900;
	margin: 10px 0;	
}

/* Pulsante Scopri di più */
.button.more-info {
	display: inline-block;
	background-color: #1d284a;
	color: #fff;
	border: 0px;
	text-transform: uppercase;
	padding: 20px 28px;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: 900;
	transition: background-color 0.3s ease;
	max-width: fit-content;
}

.button.more-info:hover {
	background-color: #1d284a;
}

/* Responsivo */
@media (max-width: 768px) {
	.custom-product {
		flex-direction: column;
	}
	.product-image, .product-info {
		width: 100%;
	}
	.product-image {
		height: 250px;
		min-height: 200px !important;
	}
	
	.product-info {
		min-height: 25vh;
	}
	
	.custom-product {
		border-bottom-right-radius: 150px;
		border-top-right-radius: 0px;
	}
	
	.contenitore-custom-product {
		background: rgb(42, 49, 83);
		background: -moz-linear-gradient(135deg, rgba(42, 49, 83, 1) 90%, rgba(7, 117, 118, 1) 95%);
		background: -webkit-linear-gradient(135deg, rgba(42, 49, 83, 1) 90%, rgba(7, 117, 118, 1) 95%);
		background: linear-gradient(135deg, rgba(42, 49, 83, 1) 90%, rgba(7, 117, 118, 1) 95%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a3153",endColorstr="#077576",GradientType=1);
	}
}