.modal-overlay {
    position: fixed;
    top: -100%; /* Partenza fuori schermo per l'animazione */
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: top 0.5s ease; /* Durata animazione scorrimento */
}

.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: #808080; /* Grigio */
    font-size: 30px;
    cursor: pointer;
}

.modal-block {
    display: none;
    color: white;
}

/* Stato attivo per l'apertura non animata o istantanea */
.modal-open-instant { top: 0 !important; transition: none !important; }
.modal-open-animated { top: 0 !important; }

#modal-phone {
	width:100%;
	height:100%;
}
#modal-phone-wrapper {
	display:flex;
	width:100%;
	height:100svh;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	gap:10px;
}
.phone-row {
	text-decoration:none;
	display:flex;
	width:300px;
	justify-content:center;
	align-items:center;
	gap:10px;
}

.phone-row>img {
	width:50px;
}
.phone-row>span {
	color:white;
	font-size:30px;
}

#modal-location {
	width:100%;
	height:100%;
}
#modal-location-wrapper {
	display:flex;
	width:100%;
	height:100svh;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	gap:40px;
}
.location {
	display:flex;
	align-items:center;
	flex-direction:column;
	gap:10px;
}
.location-links {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:20px;
}
.location-link-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100px;
	height:100px;
	text-decoration:none;
	border:2px solid white;
	border-radius:50%;
	transition: border 300ms ease-in-out;
}
.location-link-icon:hover {
	border:2px solid rgb(1,152,117);
}
.location-link-icon>img {
	display:block;
	width:50px;
	height:50px;
}

@media (max-width: 1200px) {
	.close-btn {
		top:10px;
		right:10px;
	}

}