/*
 * Dalga Contact Gate: the /contact-us/ form card (Elementor Pro form 0c995d6).
 * Scope: Elementor container d23a464 carries "dcg dracula-ignore" and ".dcg" sits in Dracula's
 * excludes. This sheet is tagged dracula-ignore, so both palettes are authored here:
 * light = base tokens, dark = html[data-dracula-scheme="dark"]. Replaces the page's old custom CSS.
 */

.dcg{
	--dcg-surface:#ffffff; --dcg-field:#f8fafc; --dcg-field-focus:#ffffff;
	--dcg-line:#eef2f6; --dcg-field-line:#e2e8f0;
	--dcg-ink:#12112e; --dcg-ink-2:#47446b; --dcg-field-ink:#1e293b; --dcg-hint:#94a3b8;
	--dcg-fill:#6050dc; --dcg-fill-hover:#4b3cb7; --dcg-on-fill:#ffffff;
	--dcg-ring:rgba(96,80,220,.12); --dcg-err:#b8263f; --dcg-ok:#0b8a78;
	--dcg-shadow:0 10px 30px -10px rgba(96,80,220,.08);
	--dcg-btn-shadow:0 4px 12px rgba(96,80,220,.25);
	color-scheme:light;
}
html[data-dracula-scheme="dark"] .dcg{
	--dcg-surface:#17163a; --dcg-field:#111030; --dcg-field-focus:#111030;
	--dcg-line:#2c2963; --dcg-field-line:#2c2963;
	--dcg-ink:#eceaf8; --dcg-ink-2:#b4b0d8; --dcg-field-ink:#eceaf8; --dcg-hint:#908cbe;
	--dcg-fill:#6050dc; --dcg-fill-hover:#6f60ea; --dcg-on-fill:#ffffff;
	--dcg-ring:rgba(125,111,240,.4); --dcg-err:#ff8fa0; --dcg-ok:#5fdcc4;
	--dcg-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 30px 60px -30px rgba(0,0,0,.7);
	--dcg-btn-shadow:0 10px 22px -10px rgba(96,80,220,.95);
	color-scheme:dark;
}

/* The card: holds the gate first, then the form */
.dcg .elementor-widget-form > .elementor-widget-container{
	background:var(--dcg-surface) !important;
	border:1px solid var(--dcg-line) !important;
	border-radius:12px !important;
	padding:24px !important;
	box-shadow:var(--dcg-shadow) !important;
	max-width:680px !important;
	margin:0 auto !important;
	box-sizing:border-box !important;
	color:var(--dcg-ink);
}

/* Gate */
.dcg .dcg-gate{text-align:center; padding:20px 8px 8px}
.dcg .dcg-title{
	margin:0 0 8px !important; color:var(--dcg-ink) !important;
	font:600 22px/1.25 "Poppins",ui-sans-serif,system-ui,"Segoe UI",sans-serif !important;
	letter-spacing:-.01em; text-wrap:balance;
}
.dcg .dcg-lede{margin:0 auto 20px; max-width:44ch; color:var(--dcg-ink-2); font-size:15px; line-height:1.55}
.dcg .dcg-status{margin:12px 0 0; min-height:1.4em; color:var(--dcg-err); font-size:14px}
.dcg .dcg-status:empty{min-height:0; margin:0}

/* Buttons: the gate button and the form's Submit share one look */
.dcg .dcg-open,
.dcg .elementor-button{
	background-color:var(--dcg-fill) !important;
	color:var(--dcg-on-fill) !important;
	font-family:"Poppins",ui-sans-serif,system-ui,"Segoe UI",sans-serif !important;
	font-weight:600 !important;
	border-radius:8px !important;
	padding:12px 28px !important;
	font-size:14px !important;
	line-height:1.3 !important;
	border:none !important;
	cursor:pointer !important;
	transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease !important;
	box-shadow:var(--dcg-btn-shadow) !important;
	min-width:140px !important;
	width:auto !important;
}
.dcg .dcg-open:hover,
.dcg .elementor-button:hover{background-color:var(--dcg-fill-hover) !important; transform:translateY(-1px) !important}
.dcg .dcg-open:active,
.dcg .elementor-button:active{transform:translateY(1px) !important}
.dcg .dcg-open:focus-visible,
.dcg .elementor-button:focus-visible{outline:2px solid var(--dcg-fill) !important; outline-offset:3px !important}
.dcg .dcg-open[disabled]{opacity:.75; cursor:progress !important; transform:none !important}

/* Form grid */
.dcg .elementor-form-fields-wrapper{display:grid !important; grid-template-columns:repeat(2,1fr) !important; gap:14px !important}
.dcg .elementor-field-group{width:100% !important; display:flex !important; flex-direction:column !important; grid-column:span 1 !important; margin:0 !important; padding:0 !important}
.dcg .elementor-field-group.elementor-field-type-textarea,
.dcg .elementor-field-group.elementor-field-type-submit,
.dcg .elementor-field-group.elementor-field-type-recaptcha,
.dcg .elementor-col-100{grid-column:span 2 !important}

/* Fields */
.dcg .elementor-field-textual{
	width:100% !important;
	background-color:var(--dcg-field) !important;
	border:1.5px solid var(--dcg-field-line) !important;
	border-radius:8px !important;
	padding:11px 14px !important;
	font-size:14px !important;
	color:var(--dcg-field-ink) !important;
	transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease !important;
	box-sizing:border-box !important;
}
.dcg .elementor-field-textual:focus{
	background-color:var(--dcg-field-focus) !important;
	border-color:var(--dcg-fill) !important;
	box-shadow:0 0 0 3px var(--dcg-ring) !important;
	outline:none !important;
}
.dcg .elementor-field-textual::placeholder{color:var(--dcg-hint) !important; font-size:13px !important; opacity:1 !important}
.dcg textarea.elementor-field-textual{min-height:100px !important; line-height:1.5 !important; resize:vertical !important; font-family:inherit !important}
.dcg .elementor-field-type-recaptcha{align-items:center}

/* Submit row */
.dcg .e-form__buttons{margin-top:6px !important; display:flex !important; justify-content:flex-start !important; width:100% !important}

/* Messages */
.dcg .elementor-message{font-size:14px !important; line-height:1.5 !important; margin-top:12px !important}
.dcg .elementor-message.elementor-message-danger,
.dcg .elementor-field-group .elementor-message{color:var(--dcg-err) !important}
.dcg .elementor-message.elementor-message-success{color:var(--dcg-ok) !important}
.dcg .elementor-error .elementor-field-textual{border-color:var(--dcg-err) !important}

/* Honeypot: off-screen for people, still in the form for bots */
.dcg .dcg-hp{position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden}

@media (max-width:767px){
	.dcg .elementor-widget-form > .elementor-widget-container{padding:16px !important}
	.dcg .elementor-form-fields-wrapper{grid-template-columns:1fr !important; gap:12px !important}
	.dcg .elementor-field-group,
	.dcg .elementor-field-group.elementor-field-type-textarea,
	.dcg .elementor-field-group.elementor-field-type-submit,
	.dcg .elementor-field-group.elementor-field-type-recaptcha,
	.dcg .elementor-col-100{grid-column:span 1 !important}
	.dcg .elementor-button{width:100% !important}
	.dcg .elementor-field-type-recaptcha{overflow:hidden}
}