/*-------------------------------------------------------------------------*/
/* Copyright (c) DELTA X MULTIMEDIA                                        */
/* Tutti i diritti sono riservati - All rights reserved                    */
/* https://www.deltacms.eu - info@deltaxmultimedia.it                      */
/*-------------------------------------------------------------------------*/
/* CSS Document - DELTA CMS 3.2                                            */
/*-------------------------------------------------------------------------*/
/* Media Queries per Responsiveness - v.3.02 April 2025                    */
/*-------------------------------------------------------------------------*/




@media (max-width: 1200px)
{
	.credits, .owner
	{
		float:right;
		clear:right;
		width:100%;	
		text-align:center;		
	}	
}

@media (max-width: 1120px)
{
	.footer-container {
        flex-wrap: wrap; /* Permette alle colonne di andare a capo */
    }

    .footer-column {
        flex: 1 1 45% !important; /* 2 colonne per riga */
        min-width: 150px; /* Riduci la larghezza minima */
    }

	.main-menu nav ul li a {
		font-size: 16px;
	}   

	.menu-container.shrink .account, .menu-container.shrink .main-menu nav ul li a
	{
		font-size: 13px; /* Riduci leggermente la dimensione del testo nel menu */
	}  


	.logo-container img
	{
		max-height: 60px; /* Limite superiore */
	}
}

@media (max-width: 1024px) {
    .highlights {
        grid-template-columns: repeat(2, 1fr) !important; /* 2 colonne */
    }

	.extra nav ul li a {
		font-size: 16px;
	} 

	.main-menu nav ul li a {
		font-size: 15px;
	}  

}

@media (max-width: 960px)
{
	/*Custom for long copyright text*/
	.footer-owner-row, .footer-trademarks-row	
	{
		float:left;
		text-align:center;
	}	

	.footer-trademarks-row	
	{
		float:left;
		clear:left;
		width:100%;		
		text-align:center;	
	}	

	.h-spacer-m
	{
		display:none;
	}


	
}


@media (max-width: 720px) 
{	
	
	.footer-copyright-row, .footer-owner-row, .footer-trademarks-row	
	{
		float:left;
		clear:left;
		width:100%;		
		text-align:center;	
		
	}	
	
	.owner
	{
		float:left;
		clear:left;
		width:100%;	
		text-align:center;
	}
	
	.credits
	{
		float:right;
		clear:right;
		width:100%;	
		text-align:center;
	}
	
	.h-spacer-d, .h-spacer-m
	{
		display:none;
	}

	.main-menu
	{
		display: none;
	}

	.side-menu-toggle {
		display: block; /* Mostra l'icona hamburger */
	} 

	.menu-social
	{
		display: none;
	}

	.contacts-icon {
		display: block; /* Mostra l'icona hamburger */
		order: 1;
	} 	

	.logo-container img
	{
		margin: 0 auto;
		max-height: 40px;
		transition: none;
	}


	.menu-content {
		grid-template-columns: 1fr auto 1fr; /* Aggiungi 3 colonne */
		
		text-align: center; /* Centra il contenuto */
	}

	/* Modifica l'ordine degli elementi */
	.menu-content-item:nth-child(1) {
		justify-content: center;
		order: 2; /* Il logo va al centro */
		transition: none;
	}

	.menu-content-item:nth-child(2) {
		order: 1; /* Il menù va a sinistra */
	}

	.menu-content-item:nth-child(3) {
		order: 3; /* L'account resta a destra */
	}

	.menu-container.shrink .logo-container {
		max-height: 40px;	
		transition: none;
	}
	
	.menu-container.shrink .logo-container img {
		max-height: 40px; /* Forza l'immagine a ridursi */
		transition: none;
	}

}

/* Mobile: Riduci a 1 colonna per Highlights e 1 colonna per Footer */
@media (max-width: 580px) {
    .highlights {
        grid-template-columns: 1fr !important; /* 1 colonna */
    }

	.footer-column {
        flex: 1 1 100%; /* 1 colonna per riga */
        min-width: 100%; /* Occupa tutta la larghezza */
    }
}

@media (max-width: 480px) {



	.side-menu a
	{
		font-size: 16px;
	}

	.owner
	{
		font-size:13px;
	}

	.credits
	{
		font-size:13px;
	}
}

@media (max-width: 280px) {

	.side-menu a
	{
		font-size: 14px;
		padding: 15px 10px;
	}

	.side-menu i
	{
		margin-right:8px;
	}

}