/* =====================================================================
   ENERGY CHECK - 2026-10-10
   Adattamento del form generato da inc_form.php / FormField::ShowForm()
   alla card della grafica (css/energycheck.css).
   Bootstrap CSS non e' piu' caricato: qui si ricostruisce il minimo
   per i markup .row / .col / .col-sm-* / .form-control che arrivano dal CRM.
   ===================================================================== */

/* Slot del form nella griglia dell'hero: tutto l'output di inc_form.php
   (script, pixel, popup) resta dentro un solo elemento della griglia. */
.form-slot{min-width:0}

/* ---- Campi dinamici: uno sotto l'altro, nell'ordine di landing_field ---- */
.form-card .lead-fields{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.form-card .lead-fields .col{width:100%;min-width:0}
.form-card .lead-fields .row{display:flex;gap:10px}
.form-card .lead-fields .col-sm-4{flex:0 0 calc(36% - 5px);min-width:0}
.form-card .lead-fields .col-sm-8{flex:1 1 auto;min-width:0}

.form-card .form-control,
.form-card select,
.form-card textarea{
	background:#fbfcfb;
	border:1px solid #d8dedd;
	border-radius:4px;
	width:100%;
	height:43px;
	margin:0;
	padding:10px 11px;
	font-size:14px;
	color:var(--ink);
	display:block;
	-webkit-appearance:none;
	appearance:none}
.form-card textarea{height:auto;min-height:90px;resize:vertical}
.form-card select{
	padding-right:34px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235f6868' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 12px center}
/* energycheck.css da' margin-top agli input: nei campi dinamici non serve */
.form-card .lead-fields input:not([type=checkbox]):not([type=radio]){margin-top:0}
.form-card input[type=radio]{width:auto;height:auto;display:inline-block;margin:0 5px 0 0;accent-color:var(--red)}
.form-card .form-control::placeholder{color:#7d8786;opacity:1}
.form-card .form-control:focus,
.form-card select:focus,
.form-card textarea:focus{outline-offset:1px;outline:2px solid #448d7a}
/* niente frecce sugli input number (CAP) */
.form-card input[type=number]{-moz-appearance:textfield}
.form-card input[type=number]::-webkit-outer-spin-button,
.form-card input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.form-card .codiceFiscale{font-size:12px;line-height:43px}
.form-card .codiceFiscale a{color:var(--red);text-decoration:underline}

/* ---- Consenso marketing (checkbox name="privacy") ---- */
.form-card .consent{margin:0 0 14px}

/* ---- Pulsante (recaptcha.php: .bottone > .btn.btn-principale.btn-block) ---- */
.form-card .lead-submit .bottone{margin:0}
.form-card .btn-block{
	width:100%;
	min-height:52px;
	padding:16px 8px;
	font-size:15px;
	text-transform:none}
.form-card .lead-privacy{margin:10px 0 0;color:#5f6868;font-size:11px;line-height:1.45;text-align:center}
.form-card .lead-privacy a{text-decoration:underline}

/* ---- Box telefono (solo se telefono_attivo) ---- */
.form-card .form-phone{
	display:flex;flex-direction:column;align-items:flex-start;gap:2px;
	background:#f3f6f4;border-radius:6px;padding:12px 14px;margin:-8px 0 18px;
	font-size:13px;color:#5f6868}
.form-card .form-phone a{color:var(--red);font-size:22px;font-weight:700;letter-spacing:-.3px}
.form-card .form-phone small{font-size:11px}

@media (max-width:760px){
	.form-card .form-control,
	.form-card select{height:48px;font-size:16px}
}

/* ---- Popup Fancybox (errori form / conferma lead) ---- */
.fancybox-inner{font-family:Jost,Arial,Helvetica,sans-serif}
.listaerrori{padding:10px 6px;color:var(--ink);font-size:15px;line-height:1.5}
.listaerrori ul{margin:0;padding:0 0 0 18px}
.listaerrori li{margin:4px 0}