a.dropdown-item.active-custom{
	color: var(--primary) !important;
	font-weight:bold !important;
}	

.custom-vr-1 {
		width: 6px;
		height: 70px;
}

@media (max-width: 991px) {
		#header .header-logo img {
				max-width: 245px;
				height: auto;
		}
}

.custom-carousel-1-wrapper {
		margin-top: -48px;
		margin-bottom: -100px;
		position: relative;
		z-index: 1;
		min-height: 300px;
}

@media (min-width: 992px) {
		.custom-carousel-1-wrapper {
				margin-top: -143px;
		}
}

.custom-carousel-1 .owl-stage-outer .owl-item {
		padding: 20px 2px 40px 18px;
}

.custom-carousel-1 .owl-stage-outer .owl-item .card {
		transition: all 0.1s ease-in-out;
}

.custom-carousel-1 .owl-stage-outer .owl-item.active .card {
		box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
}

@media (max-width: 991px) {
		.custom-carousel-1 .owl-carousel.nav-bottom.nav-bottom-align-left {
				position: relative;
				top: 20px;
				width: 100% !important;
				padding-right: 20px;
		}
}

.custom-carousel-1 .owl-carousel.nav-bottom.nav-bottom-align-left .owl-nav {
		position: absolute;
		top: 73px;
		left: -78px;
}

@media (min-width: 1200px) {
		.custom-parallax-1 .parallax-background {
				background-size: 100% !important;
		}
}


/* 1. Reset e Arrotondamento Card */
html .card.box-shadow-1 {
    border-radius: 20px !important;
    border: none !important;
    /* Ombra leggera e poco estesa (X, Y, Blur, Spread, Colore) */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease-in-out !important;
}

/* 2. Ombra al passaggio del mouse (Hover) */
/* La rendiamo leggermente più scura ma non più grande */
html .card.box-shadow-1-hover:hover {
    border-radius: 20px !important;
    box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-5px); /* Effetto sollevamento leggero */
}

/* 3. Arrotondamento Immagine */
html .card.box-shadow-1 img {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* 4. Pulizia pseudo-elementi del template (fondamentale per evitare i bordi quadrati) */
html .card.box-shadow-1::before, 
html .card.box-shadow-1::after {
    display: none !important; /* Elimina eventuali bordi extra del template */
}



/* Classe specifica per le tue card prodotto */
.card-prodotto-arrotondata {
    border-radius: 20px !important; /* Arrotondamento */
    border: none !important;        /* Rimuove il bordo di default */
    background-color: #fff;         /* Colore di fondo */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Arrotonda solo gli angoli in alto dell'immagine */
.card-prodotto-arrotondata .card-img-top {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Gestione dell'ombra specifica per questa classe */
.card-prodotto-arrotondata.box-shadow-custom {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.card-prodotto-arrotondata.box-shadow-custom:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12) !important;
    transform: translateY(-5px);
}


/* Classe specifica per il bordo delle card prodotto */
.card-prodotto-border {
    border-radius: 20px !important; /* Arrotondamento */
    border: 2px solid #e5e5e5 !important; /* Bordino sottile grigio chiaro */
    background-color: #fff !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: none !important; /* Rimuoviamo l'ombra per sicurezza */
}

/* Effetto al passaggio del mouse (Hover) */
.card-prodotto-border:hover {
    border-color: #0088cc !important; /* Cambia con il colore del tuo logo */
    transform: translateY(-0px); /* Leggero sollevamento */
}

/* Arrotondamento obbligatorio per l'immagine interna */
.card-prodotto-border .card-img-top {
    border-top-left-radius: 19px !important; /* Leggermente meno della card per incastro perfetto */
    border-top-right-radius: 19px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}