/* ============================================================
   x5-fix-responsive.css  v2  —  Sito Da Giusy
   Ottimizzazione SOLO di layout per header, menu e footer
   nelle viste responsive (< 960px). Nessun nuovo stile:
   i colori riutilizzati sono quelli del template desktop.
   Il desktop (>= 960px) non viene toccato.
   Per annullare: rimuovere questo file o il <link> nelle pagine.

   v2: corrette le RIGHE della griglia di pagina (#imPage),
   che nei pcss hanno altezze fisse (es. 260px/150px) e
   causavano il vuoto sotto il menu e il footer troncato.
   ============================================================ */

/* ---------- GRIGLIA DI PAGINA ------------------------------ */
/* header compatto, contenuto e footer ad altezza automatica  */
@media (max-width: 959.9px) and (min-width: 720.0px) {
	#imPage { grid-template-rows: 70px auto auto !important; }
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imPage { grid-template-rows: 60px auto auto !important; }
}
@media (max-width: 479.9px) {
	#imPage { grid-template-rows: 60px auto auto !important; }
}

/* ---------- HEADER ----------------------------------------- */
/* Le immagini header esportate per queste viste sono PNG
   completamente bianchi: si azzera lo spazio senza perdere
   nulla di visibile. */
@media (max-width: 959.9px) and (min-width: 720.0px) {
	#imHeaderBg, #imHeaderObjects { height: 70px !important; }
	#imHeader { background-image: none !important; }
	#imHeader_imMenuObject_05_wrapper { top: 10px !important; }
}
@media (max-width: 719.9px) and (min-width: 480.0px) {
	#imHeaderBg, #imHeaderObjects { height: 60px !important; }
	#imHeader { background-image: none !important; }
	#imHeader_imMenuObject_06_wrapper { top: 8px !important; }
}
@media (max-width: 479.9px) {
	#imHeaderBg, #imHeaderObjects { height: 60px !important; }
	#imHeader { background-image: none !important; }
	#imHeader_imMenuObject_06_wrapper { top: 8px !important; }
}

/* ---------- FOOTER ----------------------------------------- */
/* Sotto i 960px gli oggetti del footer erano nascosti.
   Si riattivano i blocchi di testo impilati in colonna, sullo
   stesso verde del footer desktop (rgba(39,78,19,1)), per cui
   i loro testi chiari sono stati disegnati. */
@media (max-width: 959.9px) {

	#imFooterBg { display: none !important; }

	#imFooter {
		background-color: rgba(39, 78, 19, 1) !important;
		height: auto !important;
		min-height: 0 !important;
	}

	#imFooterObjects {
		height: auto !important;
		width: auto !important;
		max-width: 680px;
		margin: 0 auto;
		padding: 18px 14px 22px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 18px;
	}

	#imFooter_imTextObject_16_wrapper,
	#imFooter_imTextObject_17_wrapper,
	#imFooter_imTextObject_13_wrapper,
	#imFooter_imTextObject_15_wrapper {
		display: block !important;
		position: static !important;
		top: auto !important;
		inset-inline-start: auto !important;
		width: 100% !important;
		max-width: 420px;
		height: auto !important;
		overflow: visible !important;
	}

	/* ordine di lettura come le colonne desktop */
	#imFooter_imTextObject_16_wrapper { order: 1; }
	#imFooter_imTextObject_17_wrapper { order: 2; }
	#imFooter_imTextObject_13_wrapper { order: 3; }
	#imFooter_imTextObject_15_wrapper { order: 4; }

	/* separatori verticali decorativi: inutili in colonna */
	#imFooter_imObjectImage_14_wrapper,
	#imFooter_imObjectImage_21_wrapper { display: none !important; }

	/* il modulo di contatto resta nascosto come in origine
	   (layout interno a posizioni fisse; la pagina Contatti
	   nel menu resta il canale) */
	#imFooter_imObjectForm_11_wrapper { display: none !important; }
}