/* Il riquadro ha sfondo chiaro, quindi il testo lo dichiariamo NOI: molti temi
   colorano gli heading di bianco (o di un colore pensato per sfondi scuri) e il
   titolo del riquadro sparirebbe. Vale per h3, paragrafi, label e link. */
.dg-recesso-box{
	margin:40px 0;
	padding:20px;
	border:1px solid #e6e6e6;
	border-radius:10px;
	background:#fafafa;
	color:#212529;
}
.dg-recesso-box h1,
.dg-recesso-box h2,
.dg-recesso-box h3,
.dg-recesso-box h4,
.dg-recesso-box p,
.dg-recesso-box label,
.dg-recesso-box li{color:#212529;}
.dg-recesso-box h3{margin-top:0;}
/* Stati: specificita' alzata perche' devono battere il colore di base del riquadro. */
.dg-recesso-hint,
.dg-recesso-box .dg-recesso-hint{font-size:.85em;color:#666;margin:.5em 0 0;}
.dg-recesso-error,
.dg-recesso-box .dg-recesso-error{color:#b00020;font-weight:600;}
.dg-recesso-done,
.dg-recesso-box .dg-recesso-done{
	padding:14px 16px;
	border-radius:8px;
	background:#e8f5e9;
	border:1px solid #b7dfbb;
	color:#1b5e20;
}
.dg-recesso-form label{font-weight:600;}

/* I campi: senza questo restano stretti come li fa il tema (circa 180px),
   scomodi da compilare soprattutto da telefono. */
.dg-recesso-form input[type="text"],
.dg-recesso-form input[type="email"],
.dg-recesso-form textarea{
	width:100%;
	max-width:420px;
	padding:10px 12px;
	border:1px solid #ccc;
	border-radius:6px;
	background:#fff;
	color:#212529;
	font-size:1em;
	line-height:1.4;
}
.dg-recesso-form input[type="text"]:focus,
.dg-recesso-form input[type="email"]:focus,
.dg-recesso-form textarea:focus{
	outline:2px solid #212529;
	outline-offset:1px;
}
.dg-recesso-cancel{margin-left:10px;}

/* Entrata discreta sul dettaglio ordine: un semplice link testuale. */
.dg-recesso-entry{
	margin:40px 0;
	font-size:.9em;
}
.dg-recesso-entry a{
	color:inherit;
	opacity:.75;
	text-decoration:underline;
}
.dg-recesso-entry a:hover{opacity:1;}

/* Bottone personalizzato (modalità "custom"). I colori arrivano inline. */
.dg-recesso-btn{
	display:inline-block;
	padding:12px 22px;
	font-weight:600;
	text-decoration:none;
	border:0;
	cursor:pointer;
	transition:background .15s ease;
}

/* Modalità "eredita dal tema": usa le classi .btn del tema, niente override. */

/* Link nel footer.
   Attenzione: "color:inherit" NON prende il colore del footer del tema — i temi
   colorano i propri elementi, non il contenitore — quindi su un footer scuro il link
   eredita il colore del body e diventa illeggibile. Per questo il colore è una scelta
   esplicita dal pannello (Aspetto > Colore del link nel footer). */
.dg-recesso-footer-link{
	text-align:center;
	font-size:.8em;
	padding:10px 0;
}
.dg-recesso-footer-link a{color:inherit;opacity:.75;text-decoration:underline;}
.dg-recesso-footer-link a:hover{opacity:1;}

/* Footer scuro: testo chiaro. */
.dg-recesso-footer-link.dg-footer-light a{color:#ffffff;opacity:.85;}
.dg-recesso-footer-link.dg-footer-light a:hover{opacity:1;}

/* Footer chiaro: testo scuro. */
.dg-recesso-footer-link.dg-footer-dark a{color:#212529;opacity:.8;}
.dg-recesso-footer-link.dg-footer-dark a:hover{opacity:1;}