/* Footer statico del tema (footer_def.php): stesso principio di header-def.css
   (riusa .nma-container del plugin per larghezza/centratura, questo file
   aggiunge solo cio' che e' proprio del footer). */

.footer-def {
	background-color: var( --colore-sfondo-nero );
	min-height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Grid a due colonne/due righe: colonna 1 = logo + indirizzo (impilati),
   colonna 2 = dati fiscali/social. footer-def__info e' in riga 2/colonna 1,
   sotto al logo (richiesta utente 2026-09-22: prima stava affiancato in
   colonna 2, ora sotto nella stessa colonna del logo). footer-def__content
   resta in riga 2/colonna 2. max-width su footer-def__info (vedi sotto)
   evita che l'indirizzo, essendo ora l'elemento piu' largo della colonna 1,
   forzi la colonna 'auto' a diventare larghissima. */
.footer-def__top {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	column-gap: 48px;
	row-gap: 24px;
	padding: 56px 0 40px;
}

.footer-def__logo {
	display: inline-flex;
	grid-column: 1;
	grid-row: 1;
	align-self: start;
}

/* Blocco con ragione sociale/indirizzo, dati fiscali, social - flex-wrap
   interno (nessun media query fisso, stesso approccio fluido gia' usato
   altrove nel tema - vedi base.css/header-def.css, nessuna @media li'
   presente): sotto una certa larghezza i blocchi vanno a capo su righe
   proprie invece di schiacciarsi, cosi' l'indirizzo e i dati fiscali restano
   sempre leggibili anche su schermi stretti. */
.footer-def__content {
	display: flex;
	grid-column: 2;
	grid-row: 2;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px 48px;
}

.footer-def__logo img {
	display: block;
	height: 45px;
	width: auto;
	/* Logo originale in tinte scure (#354650 + blu), illeggibile su
	   --colore-sfondo-nero (#1C1C1C): forzato a bianco pieno SOLO qui
	   (brightness(0) azzera tutti i colori a nero, invert(1) li ribalta a
	   bianco) - perde l'accento blu del marchio, scelta dell'utente rispetto
	   a un asset separato per sfondi scuri. */
	filter: brightness( 0 ) invert( 1 );
}

.footer-def__info {
	grid-column: 1;
	grid-row: 2;
	max-width: 220px;
	color: var( --color-bianco );
	font-size: 15px;
	line-height: 1.7;
}

.footer-def__company {
	margin: 0 0 6px;
	font-size: 17px;
	font-weight: 700;
}

.footer-def__address {
	margin: 0;
	color: rgba( 255, 255, 255, 0.7 );
}

.footer-def__fiscal {
	flex: 1 1 220px;
	margin: 0;
	font-size: 15px;
	color: var( --color-bianco );
}

.footer-def__fiscal-row {
	display: flex;
	gap: 8px;
}

.footer-def__fiscal-row + .footer-def__fiscal-row {
	margin-top: 8px;
}

.footer-def__fiscal dt {
	flex: 0 0 40px;
	font-weight: 700;
}

.footer-def__fiscal dd {
	margin: 0;
	color: rgba( 255, 255, 255, 0.7 );
}

.footer-def__social {
	display: flex;
	flex: 0 0 auto;
	gap: 12px;
}

.footer-def__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: var( --color-bianco );
	color: var( --colore-sfondo-nero );
	font-size: 17px;
	transition: opacity 0.15s ease;
}

.footer-def__social-link:hover {
	opacity: 0.8;
}

/* Barra inferiore: copyright + link legali, separata dal blocco sopra da un
   filo sottile. Stesso flex-wrap fluido: su schermi stretti i link vanno a
   capo sotto il copyright invece di schiacciarsi su una riga. */
.footer-def__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 24px;
	padding: 28px 0;
	border-top: 1px solid rgba( 255, 255, 255, 0.15 );
	font-size: 14px;
	color: rgba( 255, 255, 255, 0.7 );
}

.footer-def__copy {
	margin: 0;
}

.footer-def__legal {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.footer-def__legal a {
	color: inherit;
	text-decoration: none;
}

.footer-def__legal a:hover {
	color: var( --color-bianco );
	text-decoration: underline;
}