/* =====================================================================
   Il piè di pagina del sito — vedi inc/footer-lgv.php e views/footer-lgv.php

   Marchio a sinistra, blocco (collegamenti + recapiti) a destra a filo
   destro, e l'arco del marchio centrato su quel blocco.

   ⚠️⚠️ Geometria dell'arco, da cui dipendono tutte le misure qui sotto.
   Il tracciato sta in un riquadro quadrato largo `--a` col centro del
   cerchio a metà e raggio 0,48·a. Va da -43° a +134°, quindi
   l'INCHIOSTRO occupa:
       x da  cx - 0,695·R  a  cx + R
       y da  cy - 0,682·R  a  cy + R
   cioè è largo 1,695·R e alto 1,682·R, e NON è centrato nel riquadro:
   sta 0,159·R più in basso del centro geometrico (in alto a sinistra il
   segno è aperto e lì non c'è niente da disegnare). Da qui i due numeri
   che ricorrono: lo 0,02·a dei `calc` (perché il bordo destro e il fondo
   dell'inchiostro stanno a 0,98·a) e lo 0,0765·a della `transform`
   (0,159·R = 0,0765·a, che rimette l'inchiostro al centro della riga).
   ===================================================================== */

/* ------------------------------------------------------------------ */
/* base                                                                */
/* ------------------------------------------------------------------ */
.lgv-footer{
	background: var(--rt-primary-color, #062E92);
	background-image: none;      /* il tema ci mette una forma decorativa */
	color: rgba(255,255,255,.82);
	font-family: var(--rt-body-font, 'Archivo', sans-serif);
	position: relative; z-index: 2;
	overflow: hidden;            /* niente pezzi che sporgono dal bordo */
	padding-top: 76px;
}
.lgv-footer .lgv-footer-in{
	max-width: 1364px; margin: 0 auto; padding: 0 24px;
	position: relative; z-index: 1;
}
.lgv-footer a{ color: inherit; text-decoration: none; }
.lgv-footer ul{ list-style: none; margin: 0; padding: 0; }
.lgv-footer li::before{ content: none; }   /* il tema mette pallini ai <li> */
.lgv-footer p{ margin: 0; }

/* ------------------------------------------------------------------ */
/* la riga: marchio a sinistra, blocco a destra                        */
/* ------------------------------------------------------------------ */
.lgv-footer .lgv-footer-riga{
	position: relative;
	display: flex; align-items: center; justify-content: space-between;
	gap: 30px 48px; flex-wrap: wrap;
	margin-bottom: 72px;
	/* la colonna che si lascia libera all'arco */
	padding-right: 80px;
}
.lgv-footer .lgv-footer-marchio img{ width: 128px; height: auto; display: block; }

/* le tre righe a filo destro: è quel filo che dà all'arco una curva da seguire */
.lgv-footer .lgv-footer-blocco{
	display: flex; flex-direction: column; align-items: flex-end;
	gap: 10px; text-align: right;
}
.lgv-footer .lgv-footer-menu{
	display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px 28px;
}
.lgv-footer .lgv-footer-menu a{
	color: #fff; font-size: 15px; line-height: 2.06; display: inline-block;
	transition: color .2s ease, text-decoration-color .2s ease;
	text-decoration: underline 1px transparent; text-underline-offset: 5px;
}
.lgv-footer .lgv-footer-menu a:hover{
	text-decoration-color: var(--rt-tertiary-color, #FFB700);
}
.lgv-footer .lgv-footer-linea{ font-size: 14.5px; color: rgba(255,255,255,.68); margin: 0; }
.lgv-footer .lgv-footer-linea span[aria-hidden]{
	color: var(--rt-tertiary-color, #FFB700); padding: 0 8px;
}
/* ⚠️ Ogni pezzo resta intero: senza questo, sul telefono il numero si spezzava
   in «+39» e «02 5406971» su due righe. Si va a capo solo ai separatori. */
.lgv-footer .lgv-footer-linea > *{ white-space: nowrap; }

/* ------------------------------------------------------------------ */
/* la riga di chiusura                                                 */
/* ------------------------------------------------------------------ */
.lgv-footer .lgv-footer-basso{
	display: flex; align-items: center; justify-content: space-between;
	gap: 10px 20px; flex-wrap: wrap;
	border-top: 1px solid rgba(255,255,255,.14);
	padding: 20px 0 24px; font-size: 13.5px; color: rgba(255,255,255,.55);
}
.lgv-footer .lgv-footer-basso a{ color: rgba(255,255,255,.72); }
.lgv-footer .lgv-footer-basso a:hover{ color: var(--rt-tertiary-color, #FFB700); }
/* informative + firma, tenute insieme a destra e separate da un punto ambra */
.lgv-footer .lgv-footer-legali{ display: flex; align-items: center; flex-wrap: wrap; gap: 4px 0; }
.lgv-footer .lgv-footer-legali > *:not(:first-child)::before{
	content: '·'; color: var(--rt-tertiary-color, #FFB700); padding: 0 12px;
}
.lgv-footer .lgv-footer-legali a{
	text-decoration: underline 1px transparent; text-underline-offset: 4px;
	transition: color .2s ease, text-decoration-color .2s ease;
}
.lgv-footer .lgv-footer-legali a:hover{ text-decoration-color: var(--rt-tertiary-color, #FFB700); }
/* ⚠️⚠️ La freccia «torna su» del tema è fissa a 30px dal bordo, cioè proprio
   sopra «Powered by Kreita» ora che la firma arriva a filo con la riga. Non si
   può risolvere dal piede — la freccia è ancorata alla finestra, non alla
   pagina — quindi si alza lei, quel tanto che basta a scavalcare la riga di
   chiusura. Il confine è 701 e non 768: fino a 767 la riga di chiusura sta su
   una linea sola a destra, ed è da 700 in giù che va a capo e la firma passa a
   sinistra, dove la freccia non dà fastidio. */
@media (min-width: 701px){
	/* ⚠️⚠️ `body .scrollToTop.show` e non `.scrollToTop`: il tema la piazza con
	   `.scrollToTop.show{ bottom: 30px }`, che vale di più, e per giunta il suo
	   foglio si carica DOPO il nostro. Serve una specificità maggiore. */
	body .scrollToTop.show{ bottom: 80px; }
	/* La serratura delle preferenze cookie (iubenda) è nell'angolo opposto e
	   copriva l'inizio di «© 2026 LGV Avvocati»: sale anche lei, alla stessa
	   altezza della freccia (64px + i 16px di margine che mette iubenda).
	   ⚠️⚠️ iubenda scrive `bottom: 0 !important` con un selettore da (0,4,0):
	   qui si arriva a (0,5,2) con la classe ripetuta e i due attributi. */
	html body .iubenda-tp-btn.iubenda-tp-btn.iubenda-cs-preferences-link[data-tp-float][data-tp-float="bottom-left"]{ bottom: 64px !important; }
}

/* ------------------------------------------------------------------ */
/* l'arco                                                              */
/* ------------------------------------------------------------------ */
.lgv-footer .lgv-footer-arco{
	position: absolute; z-index: -1; pointer-events: none;
	color: var(--rt-tertiary-color, #FFB700);
	width: var(--a); height: var(--a);
	max-width: none;   /* ⚠️ il tema mette img,svg{max-width:100%} e lo schiaccerebbe */
}
.lgv-footer .lgv-footer-arco path{ stroke-width: 3; }
/* Centrato sul blocco (`top: 50%` sulla riga, non `bottom` sul piede) e sceso
   di 10px: quel tanto che basta perché la coda passi sotto l'ultima riga senza
   sfiorarla. Con --a 250 il punto più stretto fra segno e testo è 30px. */
.lgv-footer .lgv-footer-arco{
	--a: 250px;
	right: calc(-0.02 * var(--a));
	top: 50%; bottom: auto;
	transform: translateY(calc(-50% - 0.0765 * var(--a) + 10px));
}

/* ------------------------------------------------------------------ */
/* schermi medi: la riga si incolonna, l'arco resta sul blocco          */
/* ------------------------------------------------------------------ */
@media (max-width: 991px){
	/* ⚠️ Marchio sopra e blocco sotto, ma l'arco NON va spedito in un angolo:
	   la colonna è alta e stretta e a destra resta tutto lo spazio, quindi il
	   segno continua a tenersela dentro come sul grande. */
	/* margin-bottom 58px: da 701px in su la serratura delle preferenze cookie
	   sta 64px sopra il fondo, e con 44px a pagina finita toccava l'ultima
	   riga dei recapiti (4px a 820px). */
	.lgv-footer .lgv-footer-riga{
		flex-direction: column; align-items: flex-start; gap: 22px;
		padding-right: 0; margin-bottom: 58px;
	}
	/* ⚠️ La colonna dell'arco va tenuta libera anche qui: incolonnato, il menu
	   si allarga fino al bordo e l'ultima voce finisce sotto la coda del segno
	   (misurato a 601px: «Contacts» arrivava a 426 e l'inchiostro cominciava a
	   427). Il padding stringe lo spazio in cui il menu può andare a capo. */
	.lgv-footer .lgv-footer-blocco{ align-items: flex-start; text-align: left; padding-right: 200px; }
	.lgv-footer .lgv-footer-menu{ justify-content: flex-start; }
	/* ⚠️ Recapiti su due righe decise qui: l'indirizzo da solo, poi telefono,
	   mail e LinkedIn. Lasciati andare a capo da soli, a 820px «· LinkedIn»
	   restava solo sulla seconda riga col punto davanti, e a 700px il punto
	   restava in fondo alla prima (13/11/2026). La griglia ha una colonna per
	   pezzo più una (1fr) che prende lo spazio avanzato, così i pezzi restano
	   vicini; l'indirizzo le occupa tutte. Il primo punto non serve più. */
	.lgv-footer .lgv-footer-linea{
		display: grid; grid-template-columns: repeat(5, auto) 1fr;
		justify-items: start; row-gap: 2px;
	}
	.lgv-footer .lgv-footer-linea > a:first-child{ grid-column: 1 / -1; }
	.lgv-footer .lgv-footer-linea > span[aria-hidden]:first-of-type{ display: none; }
	/* L'arco sta sul blocco (collegamenti + recapiti), non su tutta la
	   colonna: con `top: 50%` si centrava anche sul marchio e restava in
	   alto accanto al logo, staccato dai recapiti. Il blocco chiude la riga,
	   quindi l'arco si aggancia al fondo: l'inchiostro finisce 10px sotto
	   l'ultima riga dei recapiti, come sul grande (13/11/2026). */
	.lgv-footer .lgv-footer-arco{
		--a: 200px;
		right: calc(-0.02 * var(--a));
		top: auto; transform: none;
		bottom: calc(-0.02 * var(--a) - 10px);
	}
}

@media (max-width: 767px){
	.lgv-footer .lgv-footer-blocco{ padding-right: 160px; }
	.lgv-footer .lgv-footer-arco{
		--a: 160px;
		right: calc(-0.02 * var(--a));
	}
}

/* ------------------------------------------------------------------ */
/* telefono                                                            */
/* ------------------------------------------------------------------ */
@media (max-width: 600px){
	.lgv-footer{ padding-top: 40px; }
	.lgv-footer .lgv-footer-in{ padding: 0 20px; }
	.lgv-footer .lgv-footer-menu a{ font-size: 14.5px; line-height: 1.98; }
	.lgv-footer .lgv-footer-basso{
		flex-direction: column; align-items: flex-start; gap: 6px;
		font-size: 12.5px; padding: 18px 0 22px;
	}
	.lgv-footer .lgv-footer-legali{ gap: 2px 0; }
	.lgv-footer .lgv-footer-legali > *:not(:first-child)::before{ padding: 0 9px; }

	/* ⚠️ Sul telefono la riga non ci sta e va a capo: lasciata andare da sola,
	   il punto separatore finiva a inizio riga e sembrava un elenco puntato.
	   Quindi due righe decise qui: «© 2026 LGV Avvocati · P. IVA» sopra (lo ha
	   chiesto lo studio il 13/11/2026; prima erano una per riga) e le due
	   informative sotto. L'a capo è l'::after del contenitore, largo 100% e
	   messo con `order` fra le due coppie. */
	.lgv-footer .lgv-footer-legali > a{ order: 2; }
	.lgv-footer .lgv-footer-legali::after{ content: ''; flex: 0 0 100%; order: 1; }
	/* niente punto davanti alla prima informativa, che apre la riga.
	   ⚠️⚠️ Serve `:not(:first-child)` anche qui: la regola generale vale
	   (0,3,1) e senza questo il selettore si fermava a (0,2,3) e perdeva. */
	.lgv-footer .lgv-footer-legali > span + a:not(:first-child)::before{ content: none; }

	/* ⚠️ Recapiti su tre righe: indirizzo, poi «telefono · mail», poi LinkedIn
	   da solo (richiesta del 13/11/2026; prima erano uno per riga e la mail
	   stava sotto il telefono). È la griglia degli schermi medi con tre
	   colonne invece di sei; resta solo il punto fra telefono e mail. */
	.lgv-footer .lgv-footer-linea{ grid-template-columns: auto auto 1fr; }
	.lgv-footer .lgv-footer-linea > a:last-child{ grid-column: 1 / -1; }
	.lgv-footer .lgv-footer-linea span[aria-hidden]{ display: none; }
	.lgv-footer .lgv-footer-linea span[aria-hidden]:nth-of-type(2){ display: inline; }
	.lgv-footer .lgv-footer-marchio img{ width: 104px; }
	.lgv-footer .lgv-footer-blocco{ padding-right: 0; }
	/* Il fondo dell'inchiostro sta a filo del fondo della riga, cioè 14px
	   sotto LinkedIn: così il segno sta accanto ai recapiti invece di pendere
	   sotto (con 28px, com'era prima, l'arco finiva più in basso del testo;
	   alzato su richiesta del 13/11/2026). A 360px il punto più stretto è
	   22px, dall'indirizzo. */
	.lgv-footer .lgv-footer-riga{ padding-bottom: 14px; margin-bottom: 36px; }
	.lgv-footer .lgv-footer-arco{
		--a: 140px; top: auto; transform: none;
		right: calc(-0.02 * var(--a));
		bottom: calc(-0.02 * var(--a));
	}
}

/* Fino a 700px la firma «Powered by Kreita» va a sinistra, proprio sotto la
   serratura delle preferenze cookie, e lì non si può alzare la serratura
   (finirebbe sulle informative). Si allunga invece il fondo del piede, quanto
   basta perché a pagina finita l'ultima riga resti sopra la serratura
   (38px + 16px dal bordo). Dopo il blocco del telefono, che ridà il padding. */
@media (max-width: 700px){
	.lgv-footer .lgv-footer-basso{ padding-bottom: 62px; }
}