/* Venue 92 enquiry form: Quform prints its own markup, which no theme.json key reaches. Loaded when Quform is active
   (functions.php) and in the editor. Underlined fields, small uppercase labels, the champagne submit, on ivory and on
   charcoal. Tokens only (raw: 0, hairlines). */

.vn-form .quform-form { font-family: var(--wp--preset--font-family--body); }
/* Quform lays out its own columns; keep everything inside the panel */
.vn-form, .vn-form .quform, .vn-form .quform-form, .vn-form .quform-elements, .vn-form .quform-element-row { max-width: 100%; box-sizing: border-box; }
.vn-form .quform-element-row { margin-left: 0 !important; margin-right: 0 !important; }
.vn-form .quform-element-column { padding-left: 0 !important; padding-right: var(--wp--preset--spacing--40) !important; box-sizing: border-box; }
.vn-form .quform-element-column:last-child { padding-right: 0 !important; }
@media (max-width: 600px) { .vn-form .quform-element-column { padding-right: 0 !important; width: 100% !important; float: none !important; } }
.vn-form .quform-element { margin-bottom: var(--wp--preset--spacing--40) !important; }
.vn-form .quform-label, .vn-form .quform-label > label { font-size: var(--wp--preset--font-size--x-small) !important; letter-spacing: 0.18em; text-transform: uppercase; font-weight: var(--wp--custom--font-weight--regular) !important; color: var(--wp--preset--color--accent-4) !important; }
.vn-form :is(.quform-field-text, .quform-field-email, .quform-field-date, .quform-field-select, .quform-field-textarea, input[type="text"], input[type="email"], input[type="tel"], select, textarea) {
	width: 100%; box-sizing: border-box; min-height: var(--wp--custom--control--min) !important; padding: var(--wp--preset--spacing--30) 2px !important;
	border: 0 !important; border-bottom: var(--wp--custom--border--hairline) solid var(--wp--preset--color--contrast) !important; border-radius: var(--wp--custom--radius--input) !important; background: transparent !important; box-shadow: none !important;
	color: var(--wp--preset--color--contrast) !important; font: inherit !important; font-weight: var(--wp--custom--font-weight--light) !important; font-size: var(--wp--preset--font-size--medium) !important;
}
.vn-form :is(input, select, textarea):focus-visible { outline: var(--wp--custom--border--focus) solid var(--wp--preset--color--focus) !important; outline-offset: 2px; }
.vn-form .quform-error-message, .vn-form .quform-error { color: var(--wp--preset--color--error) !important; background: transparent !important; border: 0 !important; padding: var(--wp--preset--spacing--20) 0 0 !important; font-size: var(--wp--preset--font-size--small) !important; }
.vn-form .quform-submit, .vn-form button[type="submit"] {
	min-height: var(--wp--custom--control--button-height); padding: 0 var(--wp--custom--control--padding-x) !important; border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--accent-1) !important; border-radius: var(--wp--custom--radius--button) !important;
	background: var(--wp--preset--color--accent-1) !important; color: var(--wp--preset--color--on-accent-1) !important; font: inherit !important; font-size: var(--wp--preset--font-size--small) !important; font-weight: var(--wp--custom--font-weight--regular) !important; letter-spacing: var(--wp--custom--letter-spacing--button) !important; text-transform: uppercase; cursor: pointer; box-shadow: none !important;
}
.vn-form .quform-submit:hover, .vn-form button[type="submit"]:hover { background: var(--wp--preset--color--accent-1-strong) !important; border-color: var(--wp--preset--color--accent-1-strong) !important; }
.vn-form .quform-success-message { background: transparent !important; border: 0 !important; color: var(--wp--preset--color--success) !important; padding: 0 !important; }

/* on charcoal */
.is-style-section-deep .vn-form .quform-label, .is-style-section-deep .vn-form .quform-label > label { color: var(--wp--preset--color--on-dark-muted) !important; }
.is-style-section-deep .vn-form :is(input[type="text"], input[type="email"], input[type="tel"], select, textarea, .quform-field-text, .quform-field-email, .quform-field-date, .quform-field-select, .quform-field-textarea) { color: var(--wp--preset--color--on-accent) !important; border-bottom-color: var(--wp--preset--color--on-dark-muted) !important; color-scheme: dark; }
.is-style-section-deep .vn-form select option { color: var(--wp--preset--color--contrast); }
.is-style-section-deep .vn-form :is(input, select, textarea):focus-visible { outline-color: var(--wp--preset--color--focus-inverse) !important; }
.is-style-section-deep .vn-form .quform-error-message, .is-style-section-deep .vn-form .quform-error { color: var(--wp--preset--color--error-on-dark) !important; }
.is-style-section-deep .vn-form .quform-success-message { color: var(--wp--preset--color--accent-1) !important; }

/* 29 Oct: tighter rows, room for field icons (date icon no longer sits on the text) */
.vn-form .quform-element { margin-bottom: var(--wp--preset--spacing--30) !important; }
.vn-form :is(.quform-field-text, .quform-field-email, .quform-field-date, .quform-field-select, input[type="text"], input[type="email"], input[type="tel"], select) { padding-top: var(--wp--preset--spacing--20) !important; padding-bottom: var(--wp--preset--spacing--20) !important; }
.vn-form .quform-has-field-icon-right :is(input, select) { padding-right: 2.75em !important; }
.vn-form .quform-has-field-icon-left :is(input, select) { padding-left: 2.75em !important; }
.vn-form .quform-field-icon { color: var(--wp--preset--color--on-dark-muted) !important; pointer-events: none; }

/* 30 Oct: 10px boxes */
.vn-form .quform-error-message, .vn-form .quform-success-message { border-radius: var(--wp--custom--radius--card); }