/*
 * DDG Preventivatori: UN solo foglio di stile per gli 8 preventivatori
 * (fase 4, mockup approvato il 29/09/2026: docs/mockup/).
 *
 * - Colori solo qui, come variabili CSS.
 * - Tutte le classi hanno il prefisso ddg-, e il contenitore
 *   .ddg-preventivatore isola gli stili dal tema WordPress.
 * - Sempre chiaro: color-scheme: light e nessuna regola per il tema scuro.
 * - Mobile first: una colonna, poi più colonne da 640 px.
 * - Ogni dichiarazione ha !important (staging del 30/09/2026): i temi con
 *   regole più specifiche (es. ".entry-content h2" serif e grande) non
 *   devono cambiare font, dimensioni e margini degli elementi del widget.
 *   Tra regole !important vince la più specifica, e a parità l'ultima:
 *   il reset sta in cima, i componenti dopo.
 */

.ddg-preventivatore,
.ddg-guida-radice {
	/* Prima di tutto: nessuna regola del tema passa dentro. Le variabili
	   CSS non sono toccate da "all". La guida "Dove lo trovo?" sta in un
	   contenitore suo, appeso al <body> (.ddg-guida-radice), con gli stessi
	   colori e lo stesso isolamento. */
	all: initial !important;

	/* ---- Colori: l'unico punto da cambiare ---- */
	--ddg-accent: #C81F24;         /* bottoni, link, bordi attivi, icone */
	--ddg-accent-scuro: #A3181C;   /* hover dei bottoni */
	--ddg-sfondo: #FFFFFF;
	--ddg-barra: #100A06;          /* barre dei titoli delle sezioni */
	--ddg-barra-testo: #FFFFFF;
	--ddg-testo: #100A06;
	--ddg-testo-secondario: #5A534E;
	--ddg-bordo: #E3DEDA;
	--ddg-campo: #FFFFFF;
	--ddg-riquadro: #F7F5F3;       /* aiuti e riepiloghi, grigio caldo chiarissimo */
	--ddg-verde: #1E7A3C;          /* SOLO risparmio: barra e cifra */
	--ddg-verde-chiaro: #EAF5EE;
	--ddg-neutro: #4A4440;         /* "in linea con il mercato": né verde né rosso */
	--ddg-neutro-chiaro: #F2F0EE;

	/* ---- Misure ---- */
	--ddg-raggio: 10px;
	--ddg-spazio: 16px;
	--ddg-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	color-scheme: light !important;
	box-sizing: border-box !important;
	color: var(--ddg-testo) !important;
	font-family: var(--ddg-font) !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	-webkit-text-size-adjust: 100% !important;
}
.ddg-preventivatore {
	display: block !important;
	max-width: 960px !important;
	margin: 0 auto !important;
	background: var(--ddg-sfondo) !important;
}
.ddg-guida-radice { display: block !important; }
/* L'attributo hidden vince sempre, anche sul display del contenitore. */
.ddg-preventivatore[hidden],
.ddg-preventivatore [hidden],
.ddg-guida-radice [hidden] { display: none !important; }

.ddg-preventivatore *,
.ddg-preventivatore *::before,
.ddg-preventivatore *::after,
.ddg-guida-radice *,
.ddg-guida-radice *::before,
.ddg-guida-radice *::after {
	box-sizing: border-box !important;
	font-family: inherit !important;
	font-size: inherit !important;            /* il tema non cambia le dimensioni (es. p con font-size 19px) */
	font-weight: inherit !important;
	font-style: normal !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-shadow: none !important;
	text-decoration: none !important;
	color: inherit !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	float: none !important;
	height: auto !important;
	min-height: 0 !important;
}

/* ---- Intestazione: leggera, nessun box nero ---- */
.ddg-intestazione {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	padding: var(--ddg-spazio) 0 !important;
	border-bottom: 3px solid var(--ddg-accent) !important;
	margin-bottom: var(--ddg-spazio) !important;
}
.ddg-icona {
	flex: none !important;
	width: 36px !important;
	height: 36px !important;
	color: var(--ddg-accent) !important;
}
.ddg-titolo { font-size: 22px !important; font-weight: 700 !important; line-height: 1.2 !important; }
.ddg-sottotitolo { font-size: 14px !important; color: var(--ddg-testo-secondario) !important; }

/* ---- Sezioni con barra del titolo ---- */
.ddg-sezione {
	border: 1px solid var(--ddg-bordo) !important;
	border-radius: var(--ddg-raggio) !important;
	overflow: hidden !important;
	margin-bottom: var(--ddg-spazio) !important;
	background: var(--ddg-sfondo) !important;
}
.ddg-sezione-titolo {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	background: var(--ddg-barra) !important;
	color: var(--ddg-barra-testo) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	padding: 10px var(--ddg-spazio) !important;
}
.ddg-sezione-numero {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 24px !important;
	height: 24px !important;
	border-radius: 50% !important;
	background: var(--ddg-accent) !important;
	color: #FFFFFF !important;
	font-size: 13px !important;
}
.ddg-sezione-corpo { padding: var(--ddg-spazio) !important; }
.ddg-nota { font-size: 14px !important; color: var(--ddg-testo-secondario) !important; margin-bottom: 12px !important; }

/* ---- Campi ---- */
.ddg-campi { display: grid !important; gap: 14px !important; grid-template-columns: 1fr !important; }
.ddg-campo label { display: block !important; font-weight: 600 !important; font-size: 15px !important; margin-bottom: 6px !important; }
.ddg-obbligatorio { color: var(--ddg-accent) !important; }
.ddg-campo input[type="text"],
.ddg-campo input[type="tel"] {
	width: 100% !important;
	min-height: 48px !important;              /* tocco comodo su smartphone */
	padding: 10px 12px !important;
	font-size: 17px !important;               /* niente zoom automatico su iOS */
	border: 1.5px solid var(--ddg-bordo) !important;
	border-radius: 8px !important;
	background: var(--ddg-campo) !important;
	color: var(--ddg-testo) !important;
}
.ddg-campo input[type="text"]:focus,
.ddg-campo input[type="tel"]:focus {
	outline: none !important;
	border-color: var(--ddg-accent) !important;
	box-shadow: 0 0 0 3px rgba(200, 31, 36, .15) !important;
}
.ddg-campo-letto input[type="text"] { border-left: 4px solid var(--ddg-accent) !important; }
.ddg-etichetta-letto {
	display: inline-block !important;
	margin-left: 6px !important;
	padding: 1px 8px !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	color: var(--ddg-accent) !important;
	border: 1px solid var(--ddg-accent) !important;
	vertical-align: middle !important;
}
.ddg-aiuto { margin-top: 6px !important; font-size: 14px !important; }
.ddg-aiuto summary { cursor: pointer !important; color: var(--ddg-accent) !important; font-weight: 600 !important; list-style: none !important; }
.ddg-aiuto summary::-webkit-details-marker { display: none !important; }
.ddg-aiuto summary::before { content: "? " !important; font-weight: 700 !important; }
.ddg-aiuto p {
	margin-top: 6px !important;
	padding: 10px 12px !important;
	background: var(--ddg-riquadro) !important;
	border-radius: 8px !important;
	color: var(--ddg-testo-secondario) !important;
}

/* ---- Consensi e caricamento ---- */
.ddg-consenso { display: flex !important; gap: 10px !important; align-items: flex-start !important; font-size: 15px !important; margin-bottom: 10px !important; }
.ddg-consenso input { flex: none !important; width: 22px !important; height: 22px !important; margin-top: 1px !important; accent-color: var(--ddg-accent) !important; }
.ddg-caricamento {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 6px !important;
	text-align: center !important;
	padding: 22px var(--ddg-spazio) !important;
	border: 2px dashed var(--ddg-accent) !important;
	border-radius: var(--ddg-raggio) !important;
	background: var(--ddg-sfondo) !important;
	color: var(--ddg-testo) !important;
	cursor: pointer !important;
}
.ddg-caricamento svg { width: 32px !important; height: 32px !important; color: var(--ddg-accent) !important; }
.ddg-caricamento-titolo { font-weight: 700 !important; }
/* Nome del file scelto: va a capo anche senza spazi. */
.ddg-caricamento-titolo { max-width: 100% !important; overflow-wrap: anywhere !important; }
.ddg-caricamento-nota { font-size: 13px !important; color: var(--ddg-testo-secondario) !important; }

/* ---- Messaggi di stato ---- */
.ddg-stato { margin-top: 12px !important; padding: 10px 12px !important; border-radius: 8px !important; font-size: 15px !important; }
.ddg-stato-ok { background: var(--ddg-riquadro) !important; color: var(--ddg-testo) !important; }
.ddg-stato-errore { background: #FDF1F1 !important; color: var(--ddg-accent) !important; border-left: 4px solid var(--ddg-accent) !important; }

/* ---- Bottoni e link ---- */
.ddg-bottone {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	width: 100% !important;
	min-height: 50px !important;
	padding: 12px 20px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--ddg-accent) !important;
	color: #FFFFFF !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	margin-top: var(--ddg-spazio) !important;
}
.ddg-bottone:hover { background: var(--ddg-accent-scuro) !important; }
.ddg-bottone-secondario { background: var(--ddg-sfondo) !important; color: var(--ddg-accent) !important; border: 2px solid var(--ddg-accent) !important; }
.ddg-bottone-secondario:hover { background: #FDF1F1 !important; }
.ddg-preventivatore a,
.ddg-guida-radice a { color: var(--ddg-accent) !important; font-weight: 600 !important; text-decoration: underline !important; }
.ddg-preventivatore a.ddg-bottone { color: #FFFFFF !important; text-decoration: none !important; }
.ddg-bottone[disabled] { opacity: .6 !important; cursor: progress !important; }
.ddg-caricamento:focus-visible,
.ddg-bottone:focus-visible { outline: 3px solid rgba(200, 31, 36, .35) !important; outline-offset: 2px !important; }
.ddg-caricamento[aria-busy="true"] { opacity: .7 !important; cursor: progress !important; }

/* ---- Errori sui campi: il testo non numerico non diventa mai zero ---- */
.ddg-campo-errore input[type="text"] { border-color: var(--ddg-accent) !important; }
.ddg-errore-campo { margin-top: 4px !important; font-size: 14px !important; font-weight: 600 !important; color: var(--ddg-accent) !important; }

/* ---- Risultato del pubblico ---- */
.ddg-risultato { border-radius: var(--ddg-raggio) !important; padding: 18px var(--ddg-spazio) !important; text-align: center !important; }
.ddg-risparmio { background: var(--ddg-verde-chiaro) !important; border-top: 6px solid var(--ddg-verde) !important; }
.ddg-risparmio-etichetta { font-size: 15px !important; font-weight: 600 !important; color: var(--ddg-verde) !important; }
.ddg-risparmio-cifra { font-size: 40px !important; font-weight: 800 !important; line-height: 1.1 !important; color: var(--ddg-verde) !important; }
.ddg-risparmio-cifra small { font-size: 18px !important; font-weight: 700 !important; }
.ddg-risparmio-pct { font-weight: 700 !important; color: var(--ddg-verde) !important; }
.ddg-in-linea { background: var(--ddg-neutro-chiaro) !important; border-top: 6px solid var(--ddg-neutro) !important; color: var(--ddg-neutro) !important; }
.ddg-in-linea-frase { font-size: 22px !important; font-weight: 700 !important; color: var(--ddg-neutro) !important; }
.ddg-risultato-nota { margin-top: 8px !important; font-size: 14px !important; color: var(--ddg-testo-secondario) !important; }
.ddg-invito { margin-top: 14px !important; padding-top: 12px !important; border-top: 1px solid var(--ddg-bordo) !important; font-size: 15px !important; }

/* ---- Confronto del completo ---- */
.ddg-riepilogo { padding: 10px 12px !important; background: var(--ddg-riquadro) !important; border-radius: 8px !important; font-size: 15px !important; margin-bottom: 14px !important; }
.ddg-offerte { display: grid !important; gap: 14px !important; grid-template-columns: 1fr !important; }
.ddg-offerta { border: 1px solid var(--ddg-bordo) !important; border-radius: var(--ddg-raggio) !important; overflow: hidden !important; }
.ddg-offerta-barra { height: 6px !important; background: var(--ddg-verde) !important; }
.ddg-offerta-corpo { padding: 14px !important; }
.ddg-offerta-tipo { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .04em !important; text-transform: uppercase !important; color: var(--ddg-accent) !important; }
.ddg-offerta-nome { font-size: 18px !important; font-weight: 700 !important; margin: 2px 0 10px !important; }
.ddg-offerta-dati { display: grid !important; gap: 6px !important; font-size: 15px !important; }
/* Riga etichetta/valore: affiancati, oppure uno sotto l'altro sotto i 400 px (vedi in fondo). */
.ddg-offerta-dati > div { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; }
.ddg-offerta-dati dt { color: var(--ddg-testo-secondario) !important; }
.ddg-offerta-dati dd { text-align: right !important; font-weight: 600 !important; font-variant-numeric: tabular-nums !important; }
.ddg-stima { display: block !important; font-size: 13px !important; font-weight: 400 !important; color: var(--ddg-testo-secondario) !important; }
/* Risparmio: etichetta su una riga, cifra grande sotto, percentuale sotto ancora. */
.ddg-offerta-risparmio { margin-top: 12px !important; padding: 10px 12px !important; border-radius: 8px !important; background: var(--ddg-verde-chiaro) !important; color: var(--ddg-verde) !important; display: flex !important; flex-direction: column !important; gap: 2px !important; }
.ddg-offerta-risparmio-etichetta { font-size: 14px !important; font-weight: 700 !important; }
.ddg-offerta-risparmio-cifra { font-size: 28px !important; font-weight: 800 !important; line-height: 1.15 !important; }
.ddg-offerta-risparmio-pct { font-size: 14px !important; font-weight: 600 !important; }
.ddg-offerta-vuota { padding: 14px !important; color: var(--ddg-neutro) !important; background: var(--ddg-neutro-chiaro) !important; }

/* ---- Avviso da confermare (es. consumo di meno di 12 mesi): neutro, né verde né rosso ---- */
.ddg-avviso { margin-top: 8px !important; padding: 10px 12px !important; border-radius: 8px !important; background: var(--ddg-riquadro) !important; border-left: 4px solid var(--ddg-neutro) !important; font-size: 14px !important; }
.ddg-avviso p + p { margin-top: 6px !important; }
.ddg-avviso-titolo { font-weight: 700 !important; }
.ddg-bottone-piccolo { min-height: 40px !important; padding: 8px 16px !important; font-size: 15px !important; margin-top: 10px !important; width: auto !important; min-width: 0 !important; }

/* ---- Accesso (completo non collegato) ---- */
.ddg-accesso { text-align: center !important; }
.ddg-nota-iscriviti { margin-top: 12px !important; }

/* ---- Sotto i 400 px: righe etichetta/valore una sotto l'altra ---- */
@media (max-width: 399.98px) {
	.ddg-offerta-dati > div { flex-direction: column !important; align-items: flex-start !important; gap: 0 !important; }
	.ddg-offerta-dati dd { text-align: left !important; }
}

/* ---- Da 640 px: più colonne ---- */
@media (min-width: 640px) {
	.ddg-preventivatore { font-size: 16px !important; }
	.ddg-campi-3 { grid-template-columns: repeat(3, 1fr) !important; }
	.ddg-campi-2 { grid-template-columns: repeat(2, 1fr) !important; }
	.ddg-offerte { grid-template-columns: 1fr 1fr !important; }
	.ddg-bottone { width: auto !important; min-width: 280px !important; }
	.ddg-bottone-piccolo { min-width: 0 !important; }
	.ddg-azioni { text-align: right !important; }
}

/* ---- Offerte in aggiornamento (30/09/2026): neutro, come "in linea" ---- */
.ddg-nota-aggiornamento { margin: 12px 0 0 !important; text-align: center !important; }
.ddg-offerta-vuota + .ddg-offerta-vuota { padding-top: 0 !important; }

/* ---- Area riservata: Accedi e Iscriviti gratis, uguali (30/09/2026) ---- */
.ddg-accesso-bottoni { display: grid !important; gap: 12px !important; grid-template-columns: 1fr !important; margin-top: var(--ddg-spazio) !important; }
.ddg-accesso-bottoni .ddg-bottone { width: 100% !important; min-width: 0 !important; margin-top: 0 !important; }
.ddg-avviso-admin { margin-bottom: var(--ddg-spazio) !important; }
@media (min-width: 400px) {
	.ddg-accesso-bottoni { grid-template-columns: 1fr 1fr !important; }
}

/* ---- Guida "Dove lo trovo in bolletta?" per fornitore (30/09/2026) ----
   Il pannello sta in .ddg-guida-radice, appeso direttamente al <body>: fisso
   sopra tutto (footer, barra admin, menu del tema), con lo sfondo scuro.
   Smartphone: dal basso (bottom sheet) con la maniglia; da 640 px: finestra
   centrata, larga al massimo 640 px. Scorre dentro, la pagina resta ferma. */
.ddg-guida-sfondo { position: fixed !important; inset: 0 !important; background: rgba(16, 10, 6, .55) !important; z-index: 2147483000 !important; }
.ddg-guida {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	z-index: 2147483001 !important;
	max-height: 85vh !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	-webkit-overflow-scrolling: touch !important;
	background: var(--ddg-sfondo) !important;
	border-radius: 16px 16px 0 0 !important;
	box-shadow: 0 -8px 30px rgba(16, 10, 6, .3) !important;
	padding: 6px var(--ddg-spazio) 20px !important;
	font-size: 15px !important;
	text-align: left !important;
}
.ddg-guida-maniglia { display: block !important; width: 100% !important; height: 28px !important; cursor: pointer !important; position: relative !important; }
.ddg-guida-maniglia::before { content: "" !important; position: absolute !important; left: 50% !important; top: 10px !important; width: 44px !important; height: 5px !important; margin-left: -22px !important; border-radius: 3px !important; background: var(--ddg-bordo) !important; }
.ddg-guida-testa { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin-bottom: 10px !important; }
.ddg-guida-titolo { font-size: 17px !important; font-weight: 700 !important; }
.ddg-guida-chiudi { flex: none !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; background: var(--ddg-riquadro) !important; color: var(--ddg-testo) !important; font-size: 22px !important; line-height: 40px !important; text-align: center !important; cursor: pointer !important; }
.ddg-guida-etichetta { display: block !important; font-weight: 600 !important; margin-bottom: 6px !important; }
.ddg-guida-cerca { position: relative !important; }
.ddg-guida-cerca input[type="text"] { width: 100% !important; min-height: 46px !important; padding: 10px 12px !important; font-size: 17px !important; border: 1.5px solid var(--ddg-bordo) !important; border-radius: 8px !important; background: var(--ddg-campo) !important; color: var(--ddg-testo) !important; }
.ddg-guida-cerca input[type="text"]:focus { outline: none !important; border-color: var(--ddg-accent) !important; box-shadow: 0 0 0 3px rgba(200, 31, 36, .15) !important; }
.ddg-guida-elenco { list-style: none !important; margin-top: 4px !important; max-height: 240px !important; overflow-y: auto !important; border: 1px solid var(--ddg-bordo) !important; border-radius: 8px !important; background: var(--ddg-sfondo) !important; }
.ddg-guida-elenco li { padding: 11px 12px !important; cursor: pointer !important; border-bottom: 1px solid var(--ddg-bordo) !important; }
.ddg-guida-elenco li:last-child { border-bottom: 0 !important; }
.ddg-guida-elenco li[aria-selected="true"],
.ddg-guida-elenco li:hover { background: #FDF1F1 !important; color: var(--ddg-accent) !important; }
.ddg-guida-altro { font-style: italic !important; }
.ddg-guida-formati { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 10px !important; }
.ddg-guida-formato { padding: 6px 12px !important; border: 1.5px solid var(--ddg-accent) !important; border-radius: 999px !important; color: var(--ddg-accent) !important; font-size: 14px !important; font-weight: 600 !important; cursor: pointer !important; }
.ddg-guida-formato[aria-pressed="true"] { background: var(--ddg-accent) !important; color: #FFFFFF !important; }
.ddg-guida-corpo { margin-top: 12px !important; }
.ddg-guida-corpo img { display: block !important; width: 100% !important; height: auto !important; border: 1px solid var(--ddg-bordo) !important; border-radius: 8px !important; }
.ddg-guida-corpo p { margin-top: 8px !important; }
.ddg-guida-nota { color: var(--ddg-testo-secondario) !important; font-size: 14px !important; }
.ddg-guida-zoom { display: inline-block !important; margin-top: 4px !important; font-size: 13px !important; }
/* Esempio "Bolletta standard ARERA" per i fornitori senza guida illustrata (30/09/2026). */
.ddg-guida-corpo p.ddg-guida-arera-titolo { margin: 0 0 10px !important; font-weight: 700 !important; }
.ddg-guida-aiuto { margin-top: 16px !important; padding-top: 14px !important; border-top: 1px solid var(--ddg-bordo) !important; }
.ddg-guida-corpo p.ddg-guida-aiuto-testo { margin-top: 0 !important; font-weight: 600 !important; }
@media (min-width: 640px) {
	.ddg-guida { left: 50% !important; right: auto !important; top: 50% !important; bottom: auto !important; transform: translate(-50%, -50%) !important; width: 640px !important; max-width: calc(100vw - 32px) !important; border-radius: 12px !important; padding: 20px 24px 24px !important; box-shadow: 0 20px 60px rgba(16, 10, 6, .35) !important; }
	.ddg-guida-maniglia { display: none !important; }
}

/* ---- Contatti nei messaggi senza offerta (30/09/2026): email, telefono con
   orario, WhatsApp. Smartphone: uno sotto l'altro, bottoni grandi; da 640 px
   in fila. Colore del marchio, mai il verde (riservato al risparmio). ---- */
.ddg-contatti { display: grid !important; grid-template-columns: 1fr !important; gap: 10px !important; margin-top: 12px !important; text-align: left !important; }
.ddg-preventivatore a.ddg-contatto,
.ddg-guida-radice a.ddg-contatto {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 52px !important;
	padding: 10px 14px !important;
	border: 2px solid var(--ddg-accent) !important;
	border-radius: 12px !important;
	background: var(--ddg-sfondo) !important;
	color: var(--ddg-accent) !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	overflow-wrap: anywhere !important;
}
.ddg-preventivatore a.ddg-contatto:hover,
.ddg-guida-radice a.ddg-contatto:hover { background: #FDF1F1 !important; }
.ddg-contatto svg { flex: none !important; width: 24px !important; height: 24px !important; }
.ddg-contatto span { display: flex !important; flex-direction: column !important; }
.ddg-contatto span { min-width: 0 !important; }
/* Riga sotto il titolo rosso (indirizzo email, orario): piccola e grigia. */
.ddg-contatto-riga { font-size: 13px !important; font-weight: 400 !important; color: var(--ddg-testo-secondario) !important; }
/* L'email va a capo solo dopo la @: le due parti non si spezzano. */
.ddg-contatto-riga .ddg-intero { display: inline !important; white-space: nowrap !important; overflow-wrap: normal !important; word-break: normal !important; }
@media (min-width: 640px) {
	.ddg-contatti { grid-template-columns: repeat(3, 1fr) !important; }
	.ddg-guida-contatti { grid-template-columns: repeat(2, 1fr) !important; }
}
.ddg-contatti-indirizzo { margin-top: 10px !important; font-size: 13px !important; color: var(--ddg-testo-secondario) !important; text-align: center !important; }