.wd-btn-arrow {
	transition: all 0.25s ease;
	opacity: 1 !important;
	visibility: visible !important;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 50px; /* Regola la dimensione se necessario */
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 1000;
}

/* Posizionamento delle frecce fuori dall'immagine */
.wd-btn-arrow.wd-prev {
	left: -60px !important; /* Sposta la freccia sinistra più a sinistra */
}

.wd-btn-arrow.wd-next {
	right: -60px !important; /* Sposta la freccia destra più a destra */
}

/* Forza la visibilità dell'icona della freccia */
.wd-btn-arrow .wd-arrow-inner::after {
	font-family: "woodmart-font" !important; /* Assicura che il font sia corretto */
	font-size: 24px !important; /* Dimensione della freccia */
	color: #D2FF24 !important; /* Colore della freccia */
	content: "\f114" !important; /* Codice della freccia per la sinistra */
}

.wd-btn-arrow.wd-next .wd-arrow-inner::after {
	content: "\f113" !important; /* Codice della freccia per la destra */
}

/* Cambio colore al passaggio del mouse */
.wd-arrow-inner:hover::after {
	color: #2B2B2B !important; /* Verde acido */
}

/* Assicura che le frecce non siano disabilitate */
.wd-btn-arrow.wd-lock,
.wd-carousel:not(.wd-initialized) + .wd-nav-arrows .wd-btn-arrow {
	opacity: 1 !important;
	pointer-events: all !important;
}

/* Disabilita qualsiasi trasformazione che sposta le frecce al passaggio del mouse */
@media (min-width: 1025px) {
	.wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-prev {
		transform: translateX(0) !important;
	}
	.wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-next {
		transform: translateX(0) !important;
	}
}

@media (max-width: 1024px) {
	.wd-btn-arrow {
		width: 40px !important; /* Dimensione ridotta per mobile */
		height: 40px !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	/* Sposta le frecce sopra l'immagine */
	.wd-btn-arrow.wd-prev {
		left: 10px !important; /* Aggiustato per posizionamento su mobile */
	}

	.wd-btn-arrow.wd-next {
		right: 10px !important;
	}
	.wd-btn-arrow .wd-arrow-inner::after {
		font-family: "woodmart-font" !important; /* Assicura che il font sia corretto */
		font-size: 24px !important; /* Dimensione della freccia */
		color: #2B2B2B !important; /* Colore della freccia */
		content: "\f114" !important; /* Codice della freccia per la sinistra */
	}
}