/* Correzioni della copia offline di giusepperescigno.it.
   Il tema Divi contava su script che archive.org non ha conservato:
   qui si rimedia con il solo CSS, senza cambiare l'aspetto delle pagine. */

/* Testata non fissa: Divi calcolava con JavaScript lo spazio sotto la testata fissa. */
.et_fixed_nav #main-header,
.et_fixed_nav #top-header,
.et_fixed_nav.et_boxed_layout #page-container #main-header,
.et_fixed_nav.et_boxed_layout #page-container #top-header {
	position: relative !important;
	top: 0 !important;
}
body.et_fixed_nav #page-container,
body.et_fixed_nav.et_show_nav #page-container {
	padding-top: 0 !important;
}

/* Animazioni d'ingresso: senza il loro script resterebbero invisibili. */
.et-waypoint { opacity: 1 !important; -webkit-animation: none !important; animation: none !important; }

/* Gallerie a tutta larghezza: erano un carosello; nella copia si mostrano tutte le opere. */
.et_pb_gallery_fullwidth .et_pb_gallery_items {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 20px;
}
.et_pb_gallery_fullwidth .et_pb_gallery_item {
	display: block !important;
	float: none !important;
	margin: 0 !important;
	width: auto !important;
}

/* Immagine citata dalla pagina ma non conservata da nessun archivio. */
.ricostr-mancante {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	box-sizing: border-box;
	width: 100%;
	aspect-ratio: 4 / 3;
	padding: 14px;
	background: #f0f0f0;
	color: #888;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
}
.portrait .ricostr-mancante { aspect-ratio: 3 / 4; }
.ricostr-mancante .ricostr-didascalia { color: #333; font-weight: 600; }
.ricostr-mancante .ricostr-file { font-size: 11px; color: #999; word-break: break-all; }

/* Sfondo di una slide perduto: resta il colore originale, con una nota. */
.ricostr-sfondo-mancante::after {
	content: "Fotografia di sfondo non conservata";
	position: absolute;
	right: 12px;
	bottom: 10px;
	font-size: 11px;
	color: rgba(255, 255, 255, .8);
	text-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

/* Mappa di Google (richiedeva uno script e una chiave): al suo posto un riquadro con il collegamento. */
.ricostr-mappa {
	padding: 40px 20px;
	background: #f0f0f0;
	text-align: center;
	color: #666;
}
.ricostr-mappa strong { display: block; color: #333; font-size: 18px; margin-bottom: 6px; }

/* Moduli che nella copia non possono funzionare. */
.ricostr-avviso {
	margin: 0 0 20px;
	padding: 12px 16px;
	background: #f0f0f0;
	color: #555;
	font-size: 14px;
}
form.ricostr-spento input,
form.ricostr-spento textarea,
form.ricostr-spento button { opacity: .6; }

/* Nota sulla provenienza, in fondo a ogni pagina. */
.ricostr-nota {
	clear: both;
	padding: 12px 0 0;
	color: rgba(255, 255, 255, .8);
	font-size: 13px;
	line-height: 1.6;
}
.ricostr-nota a { color: #fff; text-decoration: underline; }

/* Ricerca offline. */
#ricostr-cerca input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 12px;
	border: 1px solid #ddd;
	font-size: 16px;
	color: #333;
}
#ricostr-risultati { margin-top: 24px; }
#ricostr-risultati .voce { margin-bottom: 26px; }
#ricostr-risultati .voce h2 { font-size: 20px; padding-bottom: 4px; }
#ricostr-risultati mark { background: #fff2a8; color: inherit; }
#ricostr-risultati .meta { color: #999; font-size: 13px; }

/* Rapporto sulla ricostruzione. */
.ricostr-rapporto table { width: 100%; border-collapse: collapse; margin: 10px 0 30px; font-size: 14px; }
.ricostr-rapporto th, .ricostr-rapporto td { border-bottom: 1px solid #eee; padding: 6px 8px; text-align: left; vertical-align: top; }
.ricostr-rapporto th { color: #333; }
.ricostr-rapporto h2 { margin-top: 30px; }
.ricostr-rapporto code { font-size: 12px; word-break: break-all; }
