/**
 * Cellmove – WPForms #1814 (Broccoli waitlist)
 * Card-style choices, tan/gold accent. Does not change page width or outer background.
 */

#wpforms-form-1814,
#wpforms-1814.wpforms-block-f7c55f37-cc84-4235-8626-8d81bea5a48a {
	--cm-accent: #b8975a;
	--cm-accent-hover: #a6844d;
	--cm-accent-soft: #faf7f0;
	--cm-border: #e3e3e3;
	--cm-text: #1f1f1f;
	--cm-text-muted: #666666;
	--cm-placeholder: #757575;
	--cm-radius: 10px;
	--cm-question-weight: 500; /* Requires Inter Medium – see cellmove-inter-500 enqueue */
	--wpforms-page-break-color: var(--cm-accent);
	--wpforms-button-background-color: var(--cm-accent);
	/* Inline choice labels only – legends use explicit 26px below */
	--wpforms-label-size-font-size: 15px;
	--wpforms-label-size-line-height: 1.45;
	--wpforms-label-size-sublabel-font-size: 15px;
	--wpforms-label-size-sublabel-line-height: 1.55;
	--wpforms-field-size-font-size: 15px;
	--wpforms-button-size-font-size: 15px;
	--wpforms-button-size-height: auto;
}

/* Progress indicator */
#wpforms-form-1814 .wpforms-page-indicator.progress {
	margin: 0 0 28px;
	padding: 0;
}

#wpforms-form-1814 .wpforms-page-indicator-steps {
	display: none !important;
}

#wpforms-form-1814 .wpforms-page-indicator-page-progress-wrap {
	display: block;
	width: 100%;
	height: 18px;
	background: #dcdcde;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	margin: 0;
}

#wpforms-form-1814 .wpforms-page-indicator-page-progress {
	height: 18px;
	border-radius: 10px;
	background-color: var(--cm-accent) !important;
}

/* ── Universal field layout: label → description → input ── */

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) {
	display: flex;
	flex-direction: column;
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > label.wpforms-field-label {
	order: 1;
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > .wpforms-field-description {
	order: 2;
	margin: 0 0 12px;
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > input,
#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > textarea,
#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > select,
#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > .wpforms-field-row,
#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > ul {
	order: 3;
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox):not(:has(> fieldset)) > .wpforms-field-limit-text {
	order: 4;
	margin-top: 8px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55;
	color: var(--cm-text-muted);
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox) > fieldset {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-areas:
		"legend"
		"description"
		"content";
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox) > fieldset > legend.wpforms-field-label {
	grid-area: legend;
	float: none;
	width: 100%;
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox) > fieldset > .wpforms-field-description {
	grid-area: description;
}

#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox) > fieldset > ul,
#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox) > fieldset > .wpforms-field-row,
#wpforms-form-1814 .wpforms-field:not(.wpforms-field-pagebreak):not(.wpforms-field-gdpr-checkbox) > fieldset > select {
	grid-area: content;
}

/* Field labels / legends */
#wpforms-form-1814 .wpforms-field-description {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.55;
	color: var(--cm-text-muted);
	margin: 0 0 20px;
}

#wpforms-form-1814 .wpforms-field-checkbox:not(.small-dsvgo) > fieldset > legend.wpforms-field-label,
#wpforms-form-1814 .wpforms-field-radio > fieldset > legend.wpforms-field-label,
#wpforms-form-1814 .wpforms-field-textarea > label.wpforms-field-label,
#wpforms-form-1814 .wpforms-field-select > label.wpforms-field-label,
#wpforms-form-1814 .wpforms-field-number > label.wpforms-field-label,
#wpforms-form-1814 .wpforms-field-text > label.wpforms-field-label:not(.wpforms-label-hide) {
	display: block;
	width: 100%;
	font-size: 22px;
	font-weight: var(--cm-question-weight) !important;
	color: var(--cm-text);
	margin: 0 0 8px;
	line-height: 1.3;
}

#wpforms-form-1814 .wpforms-field-gdpr-checkbox .wpforms-field-label,
#wpforms-form-1814 .wpforms-field-email .wpforms-field-label,
#wpforms-form-1814 .wpforms-field-name legend.wpforms-field-label,
#wpforms-form-1814 .wpforms-field-phone .wpforms-field-label {
	font-size: 16px;
	font-weight: var(--cm-question-weight) !important;
	margin-bottom: 10px;
	line-height: 1.45;
}

/* In-form section headings (Content/HTML field, e.g. “Deine Kontaktdaten”) */
#wpforms-form-1814 h2,
#wpforms-form-1814 .wpforms-field-content h2,
#wpforms-form-1814 .wpforms-field-html h2,
#wpforms-form-1814 .wpforms-field-content .wp-block-kadence-advancedheading,
#wpforms-form-1814 .wpforms-field-content h2.wp-block-kadence-advancedheading {
	display: block;
	font-family: Inter, sans-serif !important;
	font-size: 22px !important;
	font-weight: var(--cm-question-weight) !important;
	font-style: normal;
	line-height: 1.3;
	color: var(--cm-text) !important;
	margin: 0 0 8px;
	padding: 0;
	letter-spacing: normal;
	text-transform: none;
}

/* Card-style checkbox options (interest fields only) */
#wpforms-form-1814 .wpforms-field-checkbox.smalltext ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#wpforms-form-1814 .wpforms-field-checkbox.smalltext ul li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
	padding: 15px 16px;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius);
	background: #ffffff;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

#wpforms-form-1814 .wpforms-field-checkbox.smalltext ul li:hover {
	border-color: #d4c4a8;
}

#wpforms-form-1814 .wpforms-field-checkbox.smalltext ul li:has(input:checked) {
	border-color: var(--cm-accent);
	background: var(--cm-accent-soft);
	box-shadow: inset 0 0 0 1px rgba(184, 151, 90, 0.08);
}

#wpforms-form-1814 .wpforms-field-checkbox.smalltext ul li input[type="checkbox"] {
	flex-shrink: 0;
	align-self: center;
	margin: 0;
}

#wpforms-form-1814 .wpforms-field-checkbox.smalltext label.wpforms-field-label-inline,
#wpforms-form-1814 .wpforms-field-radio label.wpforms-field-label-inline {
	display: block;
	flex: 1;
	margin: 0;
	padding: 0;
	font-size: 15px !important;
	font-weight: var(--cm-question-weight);
	line-height: 1.45;
	color: var(--cm-text);
	cursor: pointer;
}

/* Kadence Custom CSS uses .smalltext 0.75em + ::first-line 125% – reset for this form */
#wpforms-form-1814 .wpforms-field-checkbox.smalltext label.wpforms-field-label-inline::first-line,
#wpforms-form-1814 .wpforms-field-checkbox.smalltext .cm-choice-title,
#wpforms-form-1814 .wpforms-field-checkbox.smalltext .cm-choice-desc,
#wpforms-form-1814 .wpforms-field-radio label.wpforms-field-label-inline::first-line,
#wpforms-form-1814 .wpforms-field-radio .cm-choice-title,
#wpforms-form-1814 .wpforms-field-radio .cm-choice-desc {
	font-size: 15px !important;
}

#wpforms-form-1814 .wpforms-field-checkbox.smalltext .cm-choice-title,
#wpforms-form-1814 .wpforms-field-checkbox.smalltext label.cm-choice-title-only,
#wpforms-form-1814 .wpforms-field-radio .cm-choice-title,
#wpforms-form-1814 .wpforms-field-radio label.cm-choice-title-only {
	display: block;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	line-height: inherit;
}

#wpforms-form-1814 .wpforms-field-checkbox.smalltext .cm-choice-desc,
#wpforms-form-1814 .wpforms-field-radio .cm-choice-desc {
	display: block;
	margin-top: 4px;
	font-size: inherit;
	font-weight: 400;
	line-height: 1.55;
	color: var(--cm-text-muted);
}

/* Card-style radio options */
#wpforms-form-1814 .wpforms-field-radio fieldset > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#wpforms-form-1814 .wpforms-field-radio fieldset > ul li {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 10px;
	padding: 15px 16px;
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius);
	background: #ffffff;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

#wpforms-form-1814 .wpforms-field-radio fieldset > ul li:hover {
	border-color: #d4c4a8;
}

#wpforms-form-1814 .wpforms-field-radio fieldset > ul li:has(input:checked) {
	border-color: var(--cm-accent);
	background: var(--cm-accent-soft);
	box-shadow: inset 0 0 0 1px rgba(184, 151, 90, 0.08);
}

#wpforms-form-1814 .wpforms-field-radio fieldset > ul li input[type="radio"] {
	flex-shrink: 0;
	align-self: center;
	margin: 0;
}

/* GDPR checkbox – compact, not card style */
#wpforms-form-1814 .wpforms-field-checkbox.small-dsvgo ul li {
	display: block;
	padding: 0;
	border: 0;
	background: transparent;
	margin-bottom: 12px;
}

#wpforms-form-1814 .wpforms-field-checkbox.small-dsvgo ul li input[type="checkbox"] {
	margin: 2px 10px 0 3px;
}

#wpforms-form-1814 .wpforms-field-checkbox.small-dsvgo label.wpforms-field-label-inline {
	font-size: 14px;
	line-height: 1.5;
	color: var(--cm-text-muted);
	display: inline;
}

#wpforms-form-1814 .wpforms-field-checkbox.small-dsvgo label.wpforms-field-label-inline::first-line {
	font-size: 14px;
	font-weight: 400;
	color: var(--cm-text-muted);
}

/* Text inputs */
#wpforms-form-1814 input[type="text"],
#wpforms-form-1814 input[type="email"],
#wpforms-form-1814 input[type="tel"],
#wpforms-form-1814 textarea {
	border: 1px solid var(--cm-border);
	border-radius: var(--cm-radius);
	font-size: 15px;
	line-height: 1.4;
	padding: 12px 14px;
	color: var(--cm-text);
	background: #ffffff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#wpforms-form-1814 input[type="text"]:focus,
#wpforms-form-1814 input[type="email"]:focus,
#wpforms-form-1814 input[type="tel"]:focus,
#wpforms-form-1814 textarea:focus {
	border-color: var(--cm-accent);
	outline: none;
	box-shadow: 0 0 0 3px rgba(184, 151, 90, 0.15);
}

#wpforms-form-1814 input::placeholder,
#wpforms-form-1814 textarea::placeholder {
	color: var(--cm-placeholder) !important;
	opacity: 1 !important;
}

#wpforms-form-1814 input::-webkit-input-placeholder,
#wpforms-form-1814 textarea::-webkit-input-placeholder {
	color: var(--cm-placeholder) !important;
	opacity: 1 !important;
}

#wpforms-form-1814 input::-moz-placeholder,
#wpforms-form-1814 textarea::-moz-placeholder {
	color: var(--cm-placeholder) !important;
	opacity: 1 !important;
}

#wpforms-form-1814 .wpforms-field {
	padding-bottom: 18px;
}

/* Navigation footer */
#wpforms-form-1814 .wpforms-field-pagebreak {
	border-top: 1px solid #ededed;
	padding-top: 22px;
	margin-top: 8px;
}

#wpforms-form-1814 .wpforms-page-button-group {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 12px;
	width: 100%;
}

#wpforms-form-1814 .wpforms-page-button,
#wpforms-form-1814 .wpforms-submit {
	border-radius: var(--cm-radius);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	padding: 12px 24px;
	min-height: 44px;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#wpforms-form-1814 .wpforms-page-next,
#wpforms-form-1814 .wpforms-submit {
	background: var(--cm-accent) !important;
	border: 1px solid var(--cm-accent) !important;
	color: #ffffff !important;
}

#wpforms-form-1814 .wpforms-page-next:hover,
#wpforms-form-1814 .wpforms-submit:hover {
	background: var(--cm-accent-hover) !important;
	border-color: var(--cm-accent-hover) !important;
	color: #ffffff !important;
}

#wpforms-form-1814 .wpforms-page-prev {
	background: #ffffff !important;
	border: 1px solid var(--cm-border) !important;
	color: var(--cm-text) !important;
	margin-right: auto;
}

#wpforms-form-1814 .wpforms-page-prev:hover {
	border-color: #cfcfcf !important;
	background: #fafafa !important;
}

#wpforms-form-1814 .wpforms-submit-container {
	border-top: 1px solid #ededed;
	padding-top: 22px;
	margin-top: 8px;
}
