/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2026 | 13:21:16 */
/* ==========================================================================
   Rain Tonic — Form contatti (WPForms, ID 9674)
   Campi più alti e respiro maggiore + bottone "Invia" pill nero con freccia.

   DOVE VA: snippet "Modulo contatto WP Form – Style" (Custom CSS & JS, ID 9687),
   impostato su Linking type = External File.
   NON nel Customizer > CSS aggiuntivo: quel campo viene stampato inline
   nell'HTML, che sul sito è servito da cache CDN non invalidata al salvataggio
   — è la ragione per cui gli stili non arrivavano ai visitatori anonimi.

   Nota di specificità: WPForms stampa inline un blocco #wpforms-9674 { … }
   e il tema Qode forza height: auto !important sugli input. Per questo:
   - i selettori usano l'ID del form;
   - l'altezza dei campi è costruita con padding + line-height (niente
     !important da rincorrere).
   ========================================================================== */


/* --------------------------------------------------------------------------
   0. VARIABILI WPFORMS (campi + bottone, in un blocco solo)
   -------------------------------------------------------------------------- */
#wpforms-9674 {
	/* campi */
	--wpforms-field-size-input-height: 52px;
	--wpforms-field-size-input-spacing: 20px;
	--wpforms-field-border-radius: 8px;
	--wpforms-field-border-color: rgba(0, 0, 0, .35);

	/* bottone */
	--wpforms-button-background-color: #000;
	--wpforms-button-border-color: #000;
	--wpforms-button-border-style: solid;
	--wpforms-button-border-size: 1px;
	--wpforms-button-border-radius: 50px;
	--wpforms-button-text-color: #fff;
	--wpforms-button-size-height: 50px;
	--wpforms-button-size-font-size: 15px;
	--wpforms-button-size-padding-h: 26px;
}


/* --------------------------------------------------------------------------
   1. CAMPI
   -------------------------------------------------------------------------- */
/* Altezza reale ≈ 54px: 22px di line-height + 15px+15px di padding + bordi */
#wpforms-9674 .wpforms-field input[type="text"],
#wpforms-9674 .wpforms-field input[type="email"],
#wpforms-9674 .wpforms-field input[type="tel"],
#wpforms-9674 .wpforms-field input[type="url"],
#wpforms-9674 .wpforms-field input[type="number"],
#wpforms-9674 .wpforms-field select,
#wpforms-9674 .wpforms-field textarea {
	padding: 15px 16px;
	font-size: 16px;
	line-height: 22px;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 8px;
	background-color: #fff;
	transition: border-color .2s ease-out, box-shadow .2s ease-out;
}

#wpforms-9674 .wpforms-field textarea {
	min-height: 150px;
	line-height: 26px;
}

/* Focus: bordo nero pieno, coerente con il bottone */
#wpforms-9674 .wpforms-field input:focus,
#wpforms-9674 .wpforms-field select:focus,
#wpforms-9674 .wpforms-field textarea:focus {
	border-color: #000;
	box-shadow: 0 0 0 1px #000;
	outline: none;
}

/* Spazio verticale tra un campo e l'altro */
#wpforms-9674 .wpforms-field {
	padding-bottom: 20px;
}


/* --------------------------------------------------------------------------
   2. BOTTONE "INVIA" — pill nero + freccia obliqua
   -------------------------------------------------------------------------- */
#wpforms-9674 .wpforms-submit-container button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 50px;
	min-height: 50px;
	padding: 0 26px;
	border-radius: 50px;              /* pill */
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
	font-family: "DM Sans", sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	transition: background-color .25s ease-out, color .25s ease-out, border-color .25s ease-out;
}

/* Freccia obliqua verso destra (SVG in mask: eredita il colore del testo) */
#wpforms-9674 .wpforms-submit-container button[type="submit"]::after {
	content: "";
	flex: 0 0 auto;
	width: 12px;
	height: 12px;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E%3Cpath d='M1.6.65H11.35V10.4'/%3E%3Cline x1='.65' y1='11.35' x2='11.35' y2='.65'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E%3Cpath d='M1.6.65H11.35V10.4'/%3E%3Cline x1='.65' y1='11.35' x2='11.35' y2='.65'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain;
	transition: transform .25s ease-out;
}

/* Hover / focus / active: inversione + micro-movimento della freccia.
   background-image: none rimuove l'overlay scuro di default di WPForms. */
#wpforms-9674 .wpforms-submit-container button[type="submit"]:hover,
#wpforms-9674 .wpforms-submit-container button[type="submit"]:active,
#wpforms-9674 .wpforms-submit-container button[type="submit"]:focus,
#wpforms-9674 .wpforms-submit-container button[type="submit"]:focus-visible {
	background-image: none;
	background-color: transparent;
	color: #000;
	border-color: #000;
}

#wpforms-9674 .wpforms-submit-container button[type="submit"]:hover::after {
	transform: translate(3px, -3px);
}

#wpforms-9674 .wpforms-submit-container button[type="submit"]:focus-visible {
	outline: 2px solid #000;
	outline-offset: 3px;
}

#wpforms-9674 .wpforms-submit-container button[type="submit"][disabled] {
	opacity: .6;
	pointer-events: none;
}