/*	"BODY { padding-top: 8rem }" RIMOSSO il 10/08/2026: compensava un header #FdoHeader "fixed",
	ma l'header è "sticky" da tempo (occupa il suo spazio nel flusso normale, vedi header.css) —
	quel padding lasciava solo una fascia vuota sopra l'header. Stesso motivo per il 9rem mobile
	più sotto. Vedi lo stesso cleanup già fatto altrove in global.css. */

/*	-------------------------------------------------------------------------------	*/
/*	MENU IN PAGINA
/*	-------------------------------------------------------------------------------	*/
	.InPageMenu {
		float:right;
		width:20rem;
		overflow-x: hidden;
		box-sizing: border-box;
		margin-left:1rem;
		margin-bottom: 1rem;
	}
	.InPageMenu > UL {
		border:1px solid #cccccc;
	}
	.InPageMenu > UL > LI > UL > LI:last-of-type,
	.InPageMenu > UL > LI:last-of-type {
		border-bottom:0 !important;
	}
	.InPageMenu > UL, 
	.InPageMenu > UL > LI,
	.InPageMenu > UL > LI > UL,
	.InPageMenu > UL > LI > UL > LI {
		margin:0;
		padding:0;
		list-style: none;
		list-style-type: none;
		display: block;
	}
	.InPageMenu > UL > LI,
	.InPageMenu > UL > LI > UL > LI {
		font-size: 1.1rem;
		font-weight: 400;
		line-height: 2em;
		border-bottom: 1px solid #cccccc;
		color: var(--Page_Text_Color);
		padding-left: 1rem;
		padding-right: 1rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		width:100vw;
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: #cccccc;
		color: #333333;
	}
	.InPageMenu > UL > LI > A,
	.InPageMenu > UL > LI > UL > LI > A {
		display: block;
		text-decoration: none;
		color: var(--Page_Text_Color);
		font-size: 1.3rem;
		line-height: 2.6em;
		margin-left: -1rem;
		margin-right: -1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		box-sizing: border-box;
		outline: none;
		background-color: #fafafa;
	}
	.InPageMenu > UL > LI > UL {
		display: block;
		background-color: #ffffff;
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.InPageMenu > UL > LI > A:ACTIVE,
	.InPageMenu > UL > LI > A:FOCUS,
	.InPageMenu > UL > LI > A:HOVER,
	.InPageMenu > UL > LI > UL > LI > A:ACTIVE,
	.InPageMenu > UL > LI > UL > LI > A:FOCUS,
	.InPageMenu > UL > LI > UL > LI > A:HOVER {
		background-color: var(--Palette1) !important;
		color: #ffffff !important;
	}


/*	-------------------------------------------------------------------------------	*/
/*	IMMAGINE APERTURA
/*	-------------------------------------------------------------------------------	*/
	.PageImage {
		display: block;
		width: 100%;
		height: 22rem;
		overflow: hidden;
		margin-top: 8rem;
	}
	.PageImage IMG {
		width:100%;
	}

/*	-------------------------------------------------------------------------------	*/
/*	CONTENITORE TESTI
/*	-------------------------------------------------------------------------------	*/
	.Container {
	    
	}
	.Container .NewsDate {
		margin-top:2rem;
		margin-bottom: 2rem;
		font-size: 1.1rem;
		font-style: italic;
	}
	.Container .Testo {
		font-size: 1.1rem;
		line-height: 1.6em;
	}
	.Container .ElencoNotizie {
		max-width:71.222rem;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-column-gap: 2.5rem;
		grid-row-gap: 2.5rem;
		margin-left: auto;
		margin-right: auto;
	}
	.Container H3 {
		display: block;
		margin: 0;
		padding: 0;
		padding-top: 5rem;
		margin-bottom: 3rem;
		font-size: 3.5rem;
		font-weight: 900;
		color: #444444;
		text-align: center;
	}

	.Container .Argomenti {
		display: block;
		margin-top:2rem;
	}
	.Container .Argomenti UL,
	.Container .Argomenti UL LI {
		display: block;
		list-style: none;
		list-style-type: none;
		margin:0;
		padding: 0;
	}
	.Container .Argomenti UL {
		margin-top:0.7rem;
	}
	.Container .Argomenti UL LI {
		display: inline-block;
		margin-right: 0.5rem;
	}
	.Container .Argomenti UL LI A {
		display: block;
		text-decoration: none;
		color: #ffffff;
		background-color: var(--Palette1);
		line-height: 2em;
		font-size:0.9rem;
		padding-left: 1em;
		padding-right: 1em;
	}




/*	Mobile  */
	@media screen and (max-width: 440px) {

		.Container {
			font-size:1.2rem;
		}
		.PageImage {
		    margin-top: 6rem;
		}
		.PageImage IMG {
		    width: unset;
		    margin-top: 0;
		    height: 100%;
		    margin-left: -50%;
		}
		.InPageMenu {
		    float: none;
		    width: 100%;
		    overflow-x: hidden;
		    box-sizing: border-box;
		    margin-left: 0;
		    margin-bottom: 2rem;
		    margin-top: 3rem;
		}
		.Container .Testo {
		    font-size: 1.3rem;
		}

	}

/*	============================================================================
	TEMA SCURO "Fdo" per le pagine legali (10/08/2026)

	Attivo SOLO quando <body> ha class="FdoPage" — nel template "Pagina standard"
	(pagine_templates.id=1) la classe è condizionata a Pagina.Url in
	['privacy-policy','condizioni']: NON tutte le pagine che usano questo
	template la ricevono (punti-vendita-page resta col tema chiaro legacy qui
	sopra). Tutti i token sono quelli già definiti in global.css, sezione
	"NUOVO DESIGN SYSTEM Fdo" — nessun valore nuovo inventato qui. La reset di
	base (sfondo, colore, font, box-sizing) la applica già .FdoPage stessa;
	qui solo il vestito di QUESTO contenuto (.Container/.Testo).
	============================================================================ */

/*	10/08/2026, PRIMO TENTATIVO (superato dal secondo, sotto — lasciato a futura memoria):
	max-width passato da 820px a var(--container-max) (1200px) per allineare il bordo del
	testo a /eventi/2026/festival-dell-oriente-udine-2026.htm. Lì il testo (.FdoEvtDescr, evento.css)
	si restringe però al 65% di .FdoSectionInner da 1025px in su (≈780px, non 1200 pieni):
	replicato lo stesso 65% qui per combaciare con QUELLA pagina.

	10/08/2026, SECONDO TENTATIVO (quello attivo): il riferimento cambia da
	/eventi/<evento>.htm (testo, 65%/~780px) a /eventi/ — l'elenco città/data
	(eventi.css/eventi.htm), dove il contenuto (.FdoSelStack, la griglia di card) riempie
	.FdoSectionInner per intero, SENZA restringersi: 1200px netti, perché il padding lì sta
	sul contenitore ESTERNO .FdoSection (32px da 1025px, 16px sotto), non su .FdoSectionInner
	stessa. ⚠️ Conseguenza inevitabile: questa scelta NON combacia più con .FdoEvtDescr del
	primo tentativo (che resta a ~780px) — i due riferimenti sono incompatibili tra loro,
	non è possibile allinearsi contemporaneamente a entrambi con una sola regola.
	Qui replichiamo lo stesso schema "padding sul contenitore, non sul contenuto": .Container
	prende max-width MAGGIORATO di 2×padding (1264px desktop, 1232px ≤1024px) + quel padding
	come padding-inline, cosi' il contenuto NETTO (max-width meno padding, box-sizing:border-box
	da .FdoPage) torna a essere 1200px esatti, pixel-perfect a QUALUNQUE larghezza (non solo
	sopra una soglia, a differenza del tentativo col 65%) perché qui non c'e' una % relativa
	al genitore di mezzo: è tutto risolto in un'unica regola su .Container stessa. Verificato
	con una pagina sonda (stessi CSS, stessa struttura DOM di entrambe le pagine): 0px di
	scarto da 500px a 1920px, mobile e desktop. */
	.FdoPage .Container {
		box-sizing: border-box;
		width: 100%;
		margin-inline: auto;
		max-width: calc(var(--container-max) + 2 * var(--space-6)); /* 1264px */
		padding-inline: var(--space-6); /* 32px, come .FdoSection da 1025px */
		padding-block: var(--space-8);
		color: var(--color-body);
	}
	@media (max-width: 1024px) {
		.FdoPage .Container {
			max-width: calc(var(--container-max) + 2 * var(--space-4)); /* 1232px */
			padding-inline: var(--space-4); /* 16px, come .FdoSection sotto i 1025px */
		}
	}

	.FdoPage .Container H1.PageTitle {
		display: block;
		font-family: var(--font-display);
		font-size: clamp(40px, 6vw, var(--text-h1-size));
		line-height: 1.1;
		font-weight: var(--text-h1-weight);
		text-align: left;
		margin: 0 0 var(--space-5) 0;
		text-wrap: balance;
		color: #d89958;
		background: var(--gradient-heading);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding-bottom: .1em;
	}

	.FdoPage .Container H2.PageSubtitle {
		display: block;
		font-family: var(--font-body);
		font-style: italic;
		font-size: var(--text-subtitle-size);
		line-height: var(--text-subtitle-line);
		font-weight: var(--text-subtitle-weight);
		text-align: left;
		margin: 0 0 var(--space-6) 0;
		color: var(--color-h3);
	}

/*	Box "indice" — sempre vuoto oggi (nessuna pagina legale ha un id_menu impostato),
	quindi :empty lo nasconde; se in futuro viene valorizzato, esce come box invece
	che come sidebar flottante (il float legacy qui sopra stonerebbe nella colonna
	centrata stretta di questa pagina). */
	.FdoPage .InPageMenu {
		float: none;
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 var(--space-6) 0;
		padding: var(--space-4);
		background-color: var(--color-card-prereg);
		border: 1px solid rgba(255, 255, 255, 0.14);
		border-radius: var(--radius);
	}
	.FdoPage .InPageMenu:empty {
		display: none;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.FdoPage .Container .Testo {
		font-size: var(--text-body-size);
		line-height: 1.7;
	}

	.FdoPage .Container .Testo h4 {
		display: block;
		font-family: var(--font-display);
		font-size: 26px;
		line-height: 34px;
		font-weight: var(--text-h2-weight);
		text-wrap: balance;
		margin: var(--space-8) 0 var(--space-4) 0;
		color: #d89958;
		background: var(--gradient-heading);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.FdoPage .Container .Testo h4:first-child {
		margin-top: 0;
	}

	.FdoPage .Container .Testo p {
		margin: 0 0 var(--space-4) 0;
		color: var(--color-body);
	}

	.FdoPage .Container .Testo ul {
		margin: 0 0 var(--space-5) 0;
		padding: 0;
		list-style: none;
	}
	.FdoPage .Container .Testo ul li {
		position: relative;
		padding-left: var(--space-5);
		margin-bottom: var(--space-2);
	}
	.FdoPage .Container .Testo ul li:before {
		content: "";
		position: absolute;
		left: var(--space-1);
		top: 0.65em;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background-color: var(--color-border-accent);
	}

	.FdoPage .Container .Testo a {
		color: var(--color-h3);
		text-decoration: underline;
	}

/*	Mobile: la colonna resta fluida (max-width 820px con padding laterale, niente
	regola dedicata necessaria), solo margini/testo un filo più stretti. */
	@media screen and (max-width: 440px) {
		.FdoPage .Container {
			padding: var(--space-6) var(--space-4);
		}
		.FdoPage .Container .Testo h4 {
			margin-top: var(--space-6);
		}
	}