/* Footer area
================================*/
.footer-area {
	position: relative;
	/*padding-top: clamp(3.125rem, 8.333333333333333vw, 6.25rem);*/
	color: var(--footer-text-color);

	/* 50-100 */
}
.footer-area a{
	color: var(--footer-link-color);
	transition: var(--transition-primary);
}
.footer-area a:hover{
	color: var(--footer-link-hover);
}
.footer-area h1
.footer-area h2
.footer-area h3
.footer-area h4
.footer-area h5,
.footer-area h6{
	color: var(--footer-title) !important;
	font-weight: var(--font-weight-tertiary);
	text-transform: uppercase;
}


/*****************************************
 FOOTER TOP 
******************************************/

.footer {
	padding: 1.75rem 0;
	background-color: var(--footer-background);
	font-size: 0.9375rem;
}

.footer-brand img {
	width: 200px;
	height: auto;
}

.footer-brand .qrcode img {
	width: 100px;
	height: auto;
}

.footer-brand .fancy-divider {
	--w: 50vw;
	--c: var(--footer-divider-color);
	--b: 1px;
	--g: 40px;
	width: fit-content;
	padding: 0 1em;
	line-height: 1.6em;
	border: 1px solid;
	color: #fff;
	border-image:
		linear-gradient(#0000 calc(50% - var(--b)/2),
			var(--c) 0 calc(50% + var(--b)/2),
			#0000 0) 1/0 var(--w)/calc(var(--w) + var(--g));
	margin-inline: auto;
	margin-bottom: 3rem;
    margin-top: 1rem;
}

.footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer a {
	display: inline-block;
	text-decoration: none;
}

.footer-title {
	font-size: 1.25rem;
}

.footer-list ul>li>span,
.footer-list ul>li>a {
	display: inline-block;
	padding: 0.3125rem 0;
	color: var(--color-primary);
	word-break: break-word;
}

.footer-list ul>li>a:hover {
	color: var(--color-tertiary);
}

address.footer-list ul>li {
	position: relative;
}

.footer-social ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
	justify-content: center;
}
.footer4 ul li{
	margin-bottom: 0.5rem;
}

.footer4 ul.contatti li{
	margin-bottom: 0.5rem;
}
.footer4 ul.contatti i{
	color: var(--color-secondary);
	font-size: 1.2rem;
	margin-right: 5px;
}

/******************************************************
 FOOTER MOBILE 
*******************************************************/

.footer-mobile-collapse-caller{
	padding: 13px 16px!important;
	border-bottom: 1px solid var(--footer-collapse-caller-border) !important;
}
.footer-mobile-collapse-container{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--footer-collapse-caller-border) !important;
}
@media (max-width: 600px) {
	.col-contact h6{
		margin-top: 20px;
	}
}

/* Transizione di base per l'icona */
.footer-mobile-collapse-caller .icon i.fal {
    transition: transform 0.4s ease;
}

/* Ruota l'icona quando il collapse è chiuso */
.footer-mobile-collapse-caller[aria-expanded="false"] .icon i.fal {
    transform: rotate(180deg);
}

/* Cambia l'icona alla fine della rotazione */
.footer-mobile-collapse-caller[aria-expanded="true"] .icon i.fal::before {
    content: "\f068"; /* Codice dell'icona "minus" */
    transition-delay: 0.4s; /* ritarda il cambio dell'icona fino alla fine della rotazione */
}

.footer-mobile-collapse-caller[aria-expanded="false"] .icon i.fal::before {
    content: "\f077"; /* Codice dell'icona "plus" */
    transition-delay: 0.4s; /* ritarda il cambio dell'icona fino alla fine della rotazione */
}

/******************************************************
 FOOTER BOTTOM 
*******************************************************/

.footer-bottom {
	padding: 1.5rem 0;
	font-size: 0.8375rem;
	color: var(--footer-bottom-color);
	background: var(--footer-bottom-background);
	border-top: 1px solid #FFFFFF33;
	font-weight: 400;

}


.footer-2 .footer-col-2 a {
	display: inline-block;
	font-weight: var(--font-weight-secondary);
	text-decoration: none;
}


.footer4 ul.social{
	padding-left: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.625rem;
	justify-content: left;
}
@media (max-width: 992px) {
	.footer4 ul.social {
		justify-content: center;
	}
}


.footer4 ul.social li{
   list-style: none;
   display: inline-block;
}
.footer4 ul.social li a{
   padding: 12px;
   font-size: 1.5em;
   transition: var(--transition-primary);
}


/* DARK */
.footer4 ul.social li a.facebook.dark{
	color:#373737;
}
.footer4 ul.social li a.facebook.dark:hover{
	color:#3b5998;
}
.footer4 ul.social li a.instagram.dark #insta{
	background: radial-gradient(circle at 30% 107%, #373737 0%, #373737 5%, #373737 45%, #373737 60%, #373737 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
.footer4 ul.social li a.instagram.dark:hover #insta {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
.footer4 ul.social li a.whatsapp.dark{
	color:#373737;
}
.footer4 ul.social li a.whatsapp.dark:hover{
	color:#25d366;
}
.footer4 ul.social li a.tiktok.dark .fa-tiktok {
	color: #373737;
	filter: none;
}
.footer4 ul.social li a.tiktok.dark .fa-tiktok:hover {
	color: #111111;
	filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
.footer4 ul.social li a.phone.dark{
	color:#373737;
}
.footer4 ul.social li a.phone.dark:hover{
	color: var(--color-secondary);
}


/* COLORED */
.footer4 ul.social li a.facebook.colored{
	color:#3b5998;
}
.footer4 ul.social li a.facebook.colored:hover{
	color:#373737;
}
.footer4 ul.social li a.instagram.colored #insta{
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
.footer4 ul.social li a.instagram.colored:hover #insta {
	background: radial-gradient(circle at 30% 107%, #373737 0%, #373737 5%, #373737 45%, #373737 60%, #373737 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
.footer4 ul.social li a.whatsapp.colored{
	color:#25d366;
}
.footer4 ul.social li a.whatsapp.colored:hover{
	color:#373737;
}
.footer4 ul.social li a.tiktok.colored .fa-tiktok {
	color: #111111;
	filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
.footer4 ul.social li a.tiktok.colored .fa-tiktok:hover {
	color: #373737;
	filter: none;
}
.footer4 ul.social li a.phone.colored{
	color: var(--color-secondary);
}
.footer4 ul.social li a.phone.colored:hover{
	color: #373737;
}



.footer-payment-method-item.flat path,
.footer-payment-method-item.flat polygon {fill: var(--footer-payment-svg-color);}

.footer-payment-method ul.payment{
	margin:0;
	padding:0;
	list-style: none;
}
.footer-payment-method ul.payment li{
	display:inline-block;
	
}
.footer-payment-method ul.payment.colored li{
	display:inline-block;
	
	padding: 0 6px;
}
.footer-payment-method ul.payment li svg{
	width: 4rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.apple-pay{
	width: 3.5rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.google-pay{
	width: 3.5rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.amazon-pay-black,
.footer-payment-method ul.payment li svg.color.amazon-pay-white{
	padding-top: 3px;
	width: 2.6rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.mastercard,
.footer-payment-method ul.payment li svg.color.maestro{
	width: 2.6rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.amex{
	width: 3.8rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.paypal{
	width: 5rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.postepay{
	width: 5rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.scalapay,
.footer-payment-method ul.payment li svg.flat.scalapay{
	width: 6rem;
	height: auto;
}
.footer-payment-method ul.payment li svg.color.bonifico{
	width: 5rem;
	height: auto;
}