/**
 * Advanced Elementor Form Builder – frontend styles.
 * Every selector is scoped under .aefb-form (or .aefb-widget / .aefb-notice).
 * Per-form values are injected as CSS custom properties (see AEFB_Style).
 */

.aefb-form {
	--aefb-accent-default: #2563eb;
	box-sizing: border-box;
	width: var(--aefb-form-width, 100%);
	max-width: var(--aefb-form-max-width, 100%);
	margin: var(--aefb-form-margin, 0);
	padding: var(--aefb-form-padding, 0);
	background: var(--aefb-form-bg, transparent);
	border-width: var(--aefb-form-border-width, 0);
	border-style: var(--aefb-form-border-style, solid);
	border-color: var(--aefb-form-border-color, #e5e7eb);
	border-radius: var(--aefb-form-radius, 0);
	box-shadow: var(--aefb-form-shadow, none);
	color: inherit;
	min-width: 0;
	overflow-wrap: anywhere;
}

.aefb-form *,
.aefb-form *::before,
.aefb-form *::after {
	box-sizing: border-box;
}

.aefb-form [hidden] {
	display: none !important;
}

.aefb-form .aefb-sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.aefb-form .aefb-hp {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

.aefb-form .aefb-form-title {
	margin: 0 0 var(--aefb-title-spacing, 8px);
	text-align: var(--aefb-title-align, inherit);
}

.aefb-form .aefb-form-description {
	margin: 0 0 var(--aefb-form-desc-spacing, 16px);
	text-align: var(--aefb-title-align, inherit);
	opacity: .85;
}

/* ---------- Grid ---------- */

.aefb-form .aefb-form-el {
	margin: 0;
	min-width: 0;
}

.aefb-form .aefb-fields {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	column-gap: var(--aefb-column-gap, 16px);
	row-gap: var(--aefb-row-gap, 18px);
	min-width: 0;
}

.aefb-form .aefb-field {
	grid-column: span 12;
	min-width: 0;
	margin: 0;
}

.aefb-form .aefb-w-25 { grid-column: span 3; }
.aefb-form .aefb-w-33 { grid-column: span 4; }
.aefb-form .aefb-w-50 { grid-column: span 6; }
.aefb-form .aefb-w-66 { grid-column: span 8; }
.aefb-form .aefb-w-75 { grid-column: span 9; }
.aefb-form .aefb-w-100 { grid-column: span 12; }

@media (max-width: 1024px) {
	.aefb-form .aefb-wt-25 { grid-column: span 3; }
	.aefb-form .aefb-wt-33 { grid-column: span 4; }
	.aefb-form .aefb-wt-50 { grid-column: span 6; }
	.aefb-form .aefb-wt-66 { grid-column: span 8; }
	.aefb-form .aefb-wt-75 { grid-column: span 9; }
	.aefb-form .aefb-wt-100 { grid-column: span 12; }
}

@media (max-width: 767px) {
	.aefb-form .aefb-wm-25 { grid-column: span 3; }
	.aefb-form .aefb-wm-33 { grid-column: span 4; }
	.aefb-form .aefb-wm-50 { grid-column: span 6; }
	.aefb-form .aefb-wm-66 { grid-column: span 8; }
	.aefb-form .aefb-wm-75 { grid-column: span 9; }
	.aefb-form .aefb-wm-100 { grid-column: span 12; }
}

.aefb-form .aefb-field-hidden {
	display: none;
}

/* ---------- Labels ---------- */

.aefb-form .aefb-fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	min-width: 0;
}

.aefb-form .aefb-label {
	display: block;
	float: none;
	width: auto;
	padding: 0;
	margin: var(--aefb-label-margin, 0 0 6px);
	font-family: var(--aefb-label-font-family, inherit);
	font-size: var(--aefb-label-font-size, 15px);
	font-weight: var(--aefb-label-font-weight, 600);
	line-height: var(--aefb-label-line-height, 1.4);
	letter-spacing: var(--aefb-label-letter-spacing, normal);
	color: var(--aefb-label-color, inherit);
	text-align: var(--aefb-label-align, inherit);
}

/* legend needs full width for text-align to apply */
.aefb-form legend.aefb-label {
	width: 100%;
}

.aefb-form .aefb-sublabel {
	display: block;
	margin: 0 0 4px;
	font-size: .85em;
	color: var(--aefb-description-color, #6b7280);
}

.aefb-form .aefb-required {
	color: var(--aefb-validation-color, #dc2626);
	margin-left: 2px;
}

.aefb-form .aefb-description {
	margin-top: var(--aefb-desc-spacing, 6px);
	text-align: var(--aefb-label-align, inherit);
	font-size: var(--aefb-description-font-size, 13px);
	color: var(--aefb-description-color, #6b7280);
	line-height: 1.45;
}

/* ---------- Inputs ---------- */

.aefb-form .aefb-input,
.aefb-form .aefb-address .aefb-input {
	display: block;
	width: 100%;
	max-width: 100%;
	min-height: var(--aefb-input-height, 44px);
	margin: 0;
	padding: var(--aefb-input-padding, 10px 12px);
	font-family: var(--aefb-input-font-family, inherit);
	font-size: var(--aefb-input-font-size, 15px);
	font-weight: var(--aefb-input-font-weight, 400);
	line-height: 1.4;
	color: var(--aefb-input-color, #111827);
	background: var(--aefb-input-bg, #fff);
	border: var(--aefb-input-border-width, 1px) solid var(--aefb-input-border-color, #d1d5db);
	border-radius: var(--aefb-input-radius, 6px);
	box-shadow: none;
	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
	-webkit-appearance: none;
	appearance: none;
}

.aefb-form select.aefb-input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 34px;
}

.aefb-form select.aefb-input[multiple] {
	background-image: none;
	padding-right: 12px;
	min-height: 110px;
}

.aefb-form textarea.aefb-input {
	min-height: 110px;
	resize: vertical;
}

.aefb-form .aefb-input::placeholder {
	color: var(--aefb-input-placeholder-color, #9ca3af);
	opacity: 1;
}

.aefb-form .aefb-input:focus,
.aefb-form .aefb-input:focus-visible {
	outline: none;
	background-color: var(--aefb-input-focus-bg, var(--aefb-input-bg, #fff));
	border-color: var(--aefb-input-focus-border, var(--aefb-accent, var(--aefb-accent-default)));
	box-shadow: 0 0 0 3px var(--aefb-input-focus-shadow, rgba(37, 99, 235, .2));
}

.aefb-form .aefb-has-error .aefb-input,
.aefb-form .aefb-input[aria-invalid="true"] {
	border-color: var(--aefb-validation-color, #dc2626);
}

.aefb-form .aefb-field-error {
	margin-top: 6px;
	font-size: 13px;
	color: var(--aefb-validation-color, #dc2626);
	line-height: 1.4;
}

.aefb-form .aefb-field-error:empty {
	display: none;
}

/* ---------- Choices ---------- */

.aefb-form .aefb-choices {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.aefb-form .aefb-choices-inline {
	flex-direction: row;
	flex-wrap: wrap;
	gap: 8px 20px;
}

.aefb-form .aefb-choices-columns-2,
.aefb-form .aefb-choices-columns-3 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 16px;
}

.aefb-form .aefb-choices-columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 767px) {
	.aefb-form .aefb-choices-columns-2,
	.aefb-form .aefb-choices-columns-3 {
		grid-template-columns: minmax(0, 1fr);
	}
}

.aefb-form .aefb-choice {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	cursor: pointer;
	font-weight: 400;
	line-height: 1.4;
}

.aefb-form .aefb-choice-input {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	margin: 1px 0 0;
	accent-color: var(--aefb-accent, var(--aefb-accent-default));
	cursor: pointer;
}

.aefb-form .aefb-choice-input:focus-visible {
	outline: 2px solid var(--aefb-accent, var(--aefb-accent-default));
	outline-offset: 2px;
}

/* Choices shown as buttons (radio = pick one, checkbox group = pick many). */
.aefb-form .aefb-choices-btns {
	gap: var(--aefb-cbtn-gap, 10px);
}

.aefb-form .aefb-choices-btns.aefb-choices-inline {
	justify-content: var(--aefb-cbtn-justify, flex-start);
}

.aefb-form .aefb-choices-btns .aefb-choice {
	position: relative;
	display: flex;
	gap: 0;
	min-width: 0;
}

.aefb-form .aefb-choices-btns.aefb-choices-inline .aefb-choice {
	display: inline-flex;
	flex: var(--aefb-cbtn-flex, 0 1 auto);
}

.aefb-form .aefb-choices-btns .aefb-choice-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	pointer-events: none;
}

.aefb-form .aefb-choices-btns .aefb-choice-label {
	display: flex;
	align-items: center;
	justify-content: var(--aefb-cbtn-text-align, center);
	box-sizing: border-box;
	width: 100%;
	min-width: var(--aefb-cbtn-min-width, 0);
	min-height: var(--aefb-cbtn-height, 44px);
	padding: var(--aefb-cbtn-padding, 10px 18px);
	border: var(--aefb-cbtn-border-width, 2px) solid var(--aefb-cbtn-border, var(--aefb-input-border-color, #e5e7eb));
	border-radius: var(--aefb-cbtn-radius, 10px);
	background: var(--aefb-cbtn-bg, var(--aefb-input-bg, #fff));
	color: var(--aefb-cbtn-color, var(--aefb-input-color, inherit));
	font-weight: var(--aefb-cbtn-font-weight, 600);
	text-align: center;
	line-height: 1.3;
	cursor: pointer;
	user-select: none;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.aefb-form .aefb-choices-btns .aefb-choice:hover .aefb-choice-label {
	background: var(--aefb-cbtn-hover-bg, var(--aefb-cbtn-bg, var(--aefb-input-bg, #fff)));
	color: var(--aefb-cbtn-hover-color, var(--aefb-cbtn-color, inherit));
	border-color: var(--aefb-cbtn-hover-border, var(--aefb-accent, var(--aefb-accent-default)));
}

.aefb-form .aefb-choices-btns .aefb-choice-input:checked + .aefb-choice-label {
	background: var(--aefb-cbtn-active-bg, var(--aefb-accent, var(--aefb-accent-default)));
	color: var(--aefb-cbtn-active-color, #fff);
	border-color: var(--aefb-cbtn-active-border, var(--aefb-cbtn-active-bg, var(--aefb-accent, var(--aefb-accent-default))));
	box-shadow: var(--aefb-cbtn-active-shadow, 0 4px 12px rgba(37, 99, 235, .25));
}

.aefb-form .aefb-choices-btns .aefb-choice-input:focus-visible + .aefb-choice-label {
	outline: 3px solid var(--aefb-accent, var(--aefb-accent-default));
	outline-offset: 2px;
}

.aefb-form .aefb-has-error .aefb-choices-btns .aefb-choice-label {
	border-color: var(--aefb-validation-color, #dc2626);
}

@media (max-width: 767px) {
	.aefb-form .aefb-choices-btns.aefb-choices-inline .aefb-choice {
		flex: var(--aefb-cbtn-flex, 1 1 auto);
	}
}

/* Toggle */
.aefb-form .aefb-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.aefb-form .aefb-toggle-input {
	position: absolute;
	opacity: 0;
	width: 44px;
	height: 24px;
	margin: 0;
	cursor: pointer;
}

.aefb-form .aefb-toggle-track {
	position: relative;
	flex: 0 0 auto;
	width: 44px;
	height: 24px;
	border-radius: 999px;
	background: #d1d5db;
	transition: background .15s ease;
}

.aefb-form .aefb-toggle-thumb {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
	transition: transform .15s ease;
}

.aefb-form .aefb-toggle-input:checked + .aefb-toggle-track {
	background: var(--aefb-accent, var(--aefb-accent-default));
}

.aefb-form .aefb-toggle-input:checked + .aefb-toggle-track .aefb-toggle-thumb {
	transform: translateX(20px);
}

.aefb-form .aefb-toggle-input:focus-visible + .aefb-toggle-track {
	outline: 2px solid var(--aefb-accent, var(--aefb-accent-default));
	outline-offset: 2px;
}

/* ---------- Image choice ---------- */

.aefb-form .aefb-image-choices {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.aefb-form .aefb-ic-cols-1 { grid-template-columns: minmax(0, 1fr); }
.aefb-form .aefb-ic-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aefb-form .aefb-ic-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.aefb-form .aefb-ic-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.aefb-form .aefb-ic-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* Tablet / phone columns (set per field; automatic = up to 3 on tablets, up to 2 on phones). */
@media (max-width: 1024px) {
	.aefb-form .aefb-image-choices.aefb-ic-colt-1 { grid-template-columns: minmax(0, 1fr); }
	.aefb-form .aefb-image-choices.aefb-ic-colt-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colt-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colt-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colt-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colt-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.aefb-form .aefb-image-choices { gap: 10px; }
	.aefb-form .aefb-image-choices.aefb-ic-colm-1 { grid-template-columns: minmax(0, 1fr); }
	.aefb-form .aefb-image-choices.aefb-ic-colm-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colm-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colm-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colm-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.aefb-form .aefb-image-choices.aefb-ic-colm-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.aefb-form .aefb-ic-text { padding: 8px 8px 10px; }
	.aefb-form .aefb-ic-label { font-size: 14px; overflow-wrap: anywhere; }
}

/* Old markup (no tablet/phone classes): keep the previous automatic behaviour. */
@media (max-width: 1024px) {
	.aefb-form .aefb-ic-cols-4:not([class*="aefb-ic-colt-"]),
	.aefb-form .aefb-ic-cols-5:not([class*="aefb-ic-colt-"]),
	.aefb-form .aefb-ic-cols-6:not([class*="aefb-ic-colt-"]) {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.aefb-form .aefb-image-choices:not([class*="aefb-ic-colm-"]):not(.aefb-ic-cols-1) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.aefb-form .aefb-ic-item {
	position: relative;
	min-width: 0;
}

.aefb-form .aefb-ic-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	pointer-events: none;
}

.aefb-form .aefb-ic-card {
	position: relative;
	display: flex;
	flex-direction: var(--aefb-ic-dir, column);
	flex-wrap: var(--aefb-ic-wrap, nowrap);
	align-items: stretch;
	height: 100%;
	margin: 0;
	border: 2px solid var(--aefb-input-border-color, #e5e7eb);
	border-radius: 10px;
	background: var(--aefb-input-bg, #fff);
	overflow: hidden;
	cursor: pointer;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.aefb-form .aefb-ic-card:hover {
	border-color: var(--aefb-accent, var(--aefb-accent-default));
}

.aefb-form .aefb-ic-media {
	position: static;
	display: block;
	box-sizing: border-box;
	flex: 0 0 auto;
	width: var(--aefb-ic-img-w, var(--aefb-ic-row-w, 100%));
	max-width: calc(100% - var(--aefb-ic-img-mx, 0px));
	margin: var(--aefb-ic-img-m, 0);
	align-self: var(--aefb-ic-img-align, center);
	aspect-ratio: 4 / 3;
	background: var(--aefb-ic-media-bg, #f3f4f6);
	overflow: hidden;
}

.aefb-form .aefb-ic-ratio-1-1 .aefb-ic-media { aspect-ratio: 1 / 1; }
.aefb-form .aefb-ic-ratio-3-2 .aefb-ic-media { aspect-ratio: 3 / 2; }
.aefb-form .aefb-ic-ratio-16-9 .aefb-ic-media { aspect-ratio: 16 / 9; }
.aefb-form .aefb-ic-ratio-auto .aefb-ic-media { aspect-ratio: auto; }

.aefb-form .aefb-ic-media img {
	display: block;
	image-rendering: auto;
	-webkit-backface-visibility: hidden;
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	margin: 0;
	border: 0;
	border-radius: 0;
}

.aefb-form .aefb-ic-ratio-auto .aefb-ic-media img {
	height: auto;
}

.aefb-form .aefb-ic-noimg {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 80px;
}

.aefb-form .aefb-ic-check {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .92);
	border: 2px solid #d1d5db;
	transition: all .15s ease;
}

.aefb-form .aefb-ic-text {
	display: block;
	box-sizing: border-box;
	order: var(--aefb-ic-text-order, 0);
	flex: 1 1 var(--aefb-ic-text-min, auto);
	min-width: 0;
	overflow-wrap: break-word;
	align-self: var(--aefb-ic-text-self, stretch);
	padding: 10px 12px 12px;
	padding-inline-end: var(--aefb-ic-text-pe, 12px);
}

/* Image Choice layout: title position, alignment, image width & fit (per field; the Elementor Style tab can override per device). */
.aefb-form .aefb-ic-pos-top { --aefb-ic-dir: column; --aefb-ic-text-order: -1; --aefb-ic-text-pe: 44px; }
.aefb-form .aefb-ic-pos-left { --aefb-ic-dir: row; --aefb-ic-wrap: wrap; --aefb-ic-text-min: 110px; --aefb-ic-text-order: 0; --aefb-ic-row-w: 40%; --aefb-ic-text-self: center; --aefb-ic-text-pe: 44px; }
.aefb-form .aefb-ic-pos-right { --aefb-ic-dir: row; --aefb-ic-wrap: wrap; --aefb-ic-text-min: 110px; --aefb-ic-text-order: -1; --aefb-ic-row-w: 40%; --aefb-ic-text-self: center; }
@media (max-width: 767px) {
	.aefb-form .aefb-image-choices.aefb-ic-pos-left:not([class*="aefb-ic-colm-"]),
	.aefb-form .aefb-image-choices.aefb-ic-pos-right:not([class*="aefb-ic-colm-"]) { grid-template-columns: minmax(0, 1fr); }
}
.aefb-form .aefb-ic-sized { --aefb-ic-img-m: 14px; --aefb-ic-img-mx: 28px; --aefb-ic-media-bg: transparent; }
.aefb-form .aefb-ic-ialign-left { --aefb-ic-img-align: flex-start; }
.aefb-form .aefb-ic-ialign-center { --aefb-ic-img-align: center; }
.aefb-form .aefb-ic-ialign-right { --aefb-ic-img-align: flex-end; }
.aefb-form .aefb-ic-talign-left .aefb-ic-text { text-align: left; }
.aefb-form .aefb-ic-talign-center .aefb-ic-text { text-align: center; }
.aefb-form .aefb-ic-talign-right .aefb-ic-text { text-align: right; }
.aefb-form .aefb-ic-media img[src$=".svg"] { object-fit: contain; }
.aefb-form .aefb-ic-fit-contain .aefb-ic-media img { object-fit: contain; }
.aefb-form .aefb-ic-fit-contain .aefb-ic-media { --aefb-ic-media-bg: transparent; }
.aefb-form .aefb-ic-fit-cover .aefb-ic-media img { object-fit: cover; }

.aefb-form .aefb-ic-label {
	display: block;
	font-weight: 600;
	color: var(--aefb-label-color, inherit);
}

.aefb-form .aefb-ic-desc {
	display: block;
	margin-top: 2px;
	font-size: 13px;
	color: var(--aefb-description-color, #6b7280);
}

.aefb-form .aefb-ic-input:checked + .aefb-ic-card {
	border-color: var(--aefb-accent, var(--aefb-accent-default));
	box-shadow: 0 0 0 3px var(--aefb-input-focus-shadow, rgba(37, 99, 235, .2));
}

.aefb-form .aefb-ic-input:checked + .aefb-ic-card .aefb-ic-check {
	background: var(--aefb-accent, var(--aefb-accent-default));
	border-color: var(--aefb-accent, var(--aefb-accent-default));
}

.aefb-form .aefb-ic-input:checked + .aefb-ic-card .aefb-ic-check::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 6px;
	height: 11px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.aefb-form .aefb-ic-input:focus-visible + .aefb-ic-card {
	outline: 3px solid var(--aefb-accent, var(--aefb-accent-default));
	outline-offset: 2px;
}

.aefb-form .aefb-has-error .aefb-ic-card {
	border-color: var(--aefb-validation-color, #dc2626);
}

/* ---------- Rating ---------- */

.aefb-form .aefb-rating {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 2px;
}

.aefb-form .aefb-rating-input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
	margin: 0;
}

.aefb-form .aefb-rating-star {
	display: inline-flex;
	cursor: pointer;
	margin: 0;
	padding: 2px;
	color: #d1d5db;
	line-height: 0;
}

.aefb-form .aefb-rating-star svg {
	fill: currentColor;
}

/* Light every star up to (and including) the checked / hovered one. */
.aefb-form .aefb-rating:has(.aefb-rating-input:checked) .aefb-rating-star,
.aefb-form .aefb-rating:hover .aefb-rating-star {
	color: #f59e0b;
}

.aefb-form .aefb-rating-input:checked + .aefb-rating-star ~ .aefb-rating-star,
.aefb-form .aefb-rating .aefb-rating-star:hover ~ .aefb-rating-star {
	color: #d1d5db;
}

.aefb-form .aefb-rating-input:focus-visible + .aefb-rating-star {
	outline: 2px solid var(--aefb-accent, var(--aefb-accent-default));
	outline-offset: 1px;
	border-radius: 4px;
}

/* ---------- Range / Color ---------- */

.aefb-form .aefb-range {
	display: flex;
	align-items: center;
	gap: 12px;
}

.aefb-form .aefb-range-input {
	flex: 1 1 auto;
	min-width: 0;
	accent-color: var(--aefb-accent, var(--aefb-accent-default));
}

.aefb-form .aefb-range-output {
	min-width: 48px;
	text-align: right;
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}

.aefb-form .aefb-color {
	display: flex;
	align-items: center;
	gap: 10px;
}

.aefb-form .aefb-color-input {
	width: 56px;
	height: 40px;
	padding: 2px;
	border: 1px solid var(--aefb-input-border-color, #d1d5db);
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
}

/* ---------- Address ---------- */

.aefb-form .aefb-address {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px 16px;
}

.aefb-form .aefb-address-street,
.aefb-form .aefb-address-street2 {
	grid-column: 1 / -1;
}

@media (max-width: 767px) {
	.aefb-form .aefb-address {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ---------- Uploads ---------- */

.aefb-form .aefb-upload {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	padding: 14px;
	border: 2px dashed var(--aefb-input-border-color, #d1d5db);
	border-radius: var(--aefb-input-radius, 6px);
	background: var(--aefb-input-bg, #fff);
}

.aefb-form .aefb-file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
}

.aefb-form .aefb-upload-button {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 6px;
	background: #f3f4f6;
	border: 1px solid #d1d5db;
	color: #111827;
	font-weight: 600;
	font-size: 14px;
	cursor: pointer;
	margin: 0;
}

.aefb-form .aefb-file-input:focus-visible + .aefb-upload-button {
	outline: 2px solid var(--aefb-accent, var(--aefb-accent-default));
	outline-offset: 2px;
}

.aefb-form .aefb-upload-hint {
	font-size: 12px;
	color: var(--aefb-description-color, #6b7280);
}

.aefb-form .aefb-upload-list {
	flex: 1 1 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.aefb-form .aefb-upload-list:empty {
	display: none;
}

.aefb-form .aefb-upload-item {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 8px;
	background: #f9fafb;
	border-radius: 6px;
	min-width: 0;
	margin: 0;
}

.aefb-form .aefb-upload-thumb {
	width: 44px;
	height: 44px;
	object-fit: cover;
	border-radius: 4px;
	flex: 0 0 auto;
}

.aefb-form .aefb-upload-name {
	flex: 1 1 auto;
	min-width: 0;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aefb-form .aefb-upload-remove {
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #e5e7eb;
	color: #111827;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
}

.aefb-form .aefb-upload-remove:hover,
.aefb-form .aefb-upload-remove:focus-visible {
	background: #fecaca;
}

.aefb-form .aefb-upload-progress {
	flex: 1 1 100%;
	height: 6px;
	background: #e5e7eb;
	border-radius: 999px;
	overflow: hidden;
}

.aefb-form .aefb-upload-progress-bar {
	display: block;
	height: 100%;
	width: 0;
	background: var(--aefb-accent, var(--aefb-accent-default));
	transition: width .2s ease;
}

/* ---------- Signature ---------- */

.aefb-form .aefb-signature {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.aefb-form .aefb-signature-canvas {
	display: block;
	width: 100%;
	max-width: 600px;
	height: auto;
	aspect-ratio: 600 / 180;
	background: #fff;
	border: 1px solid var(--aefb-input-border-color, #d1d5db);
	border-radius: var(--aefb-input-radius, 6px);
	cursor: crosshair;
}

.aefb-form .aefb-signature-canvas:focus-visible {
	outline: 2px solid var(--aefb-accent, var(--aefb-accent-default));
	outline-offset: 2px;
}

.aefb-form .aefb-signature-clear,
.aefb-form .aefb-repeater-add {
	padding: 6px 12px;
	border: 1px solid #d1d5db;
	border-radius: 6px;
	background: #fff;
	color: #111827;
	font-size: 13px;
	cursor: pointer;
}

/* ---------- Repeater ---------- */

.aefb-form .aefb-repeater-rows {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
}

.aefb-form .aefb-repeater-row {
	display: flex;
	align-items: flex-end;
	gap: 10px;
	padding: 12px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	min-width: 0;
}

.aefb-form .aefb-repeater-cells {
	flex: 1 1 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 10px;
	min-width: 0;
}

.aefb-form .aefb-repeater-cell {
	min-width: 0;
}

.aefb-form .aefb-repeater-remove {
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid #e5e7eb;
	border-radius: 50%;
	background: #fff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}

/* ---------- Content ---------- */

.aefb-form .aefb-heading {
	margin: 8px 0 0;
}

.aefb-form .aefb-paragraph {
	margin: 0;
}

.aefb-form .aefb-divider {
	border: 0;
	border-top: 1px solid #e5e7eb;
	margin: 4px 0;
}

/* ---------- Steps & indicator ---------- */

.aefb-form .aefb-step-title {
	margin: 0 0 var(--aefb-step-title-spacing, 6px);
	font-size: 1.25em;
	text-align: var(--aefb-step-title-align, inherit);
}

.aefb-form .aefb-step-title:focus {
	outline: none;
}

.aefb-form .aefb-step-description {
	margin: 0 0 var(--aefb-step-desc-spacing, 16px);
	text-align: var(--aefb-step-title-align, inherit);
	color: var(--aefb-description-color, #6b7280);
}

.aefb-form .aefb-indicator {
	margin: 0 0 var(--aefb-ind-spacing-below, 24px);
	font-size: var(--aefb-step-font-size, 14px);
	font-weight: var(--aefb-step-font-weight, 500);
	color: var(--aefb-step-text-color, inherit);
	min-width: 0;
}

.aefb-form .aefb-indicator-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: var(--aefb-ind-justify, flex-start);
	gap: var(--aefb-step-spacing, 8px);
	list-style: none;
	margin: 0;
	padding: 0;
	min-width: 0;
}

.aefb-form .aefb-ind-item {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	min-width: 0;
}

.aefb-form .aefb-ind-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--aefb-ind-name-gap, 8px);
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	text-align: left;
	cursor: pointer;
	min-width: 0;
}

.aefb-form .aefb-ind-btn:disabled,
.aefb-form span.aefb-ind-btn {
	cursor: default;
}

.aefb-form .aefb-ind-btn:focus-visible {
	outline: 2px solid var(--aefb-step-active, var(--aefb-accent, var(--aefb-accent-default)));
	outline-offset: 3px;
	border-radius: 4px;
}

.aefb-form .aefb-ind-title {
	min-width: 0;
	overflow-wrap: anywhere;
	text-align: var(--aefb-ind-text-align, inherit);
}

/* Separators (arrows) for numbers & text styles */
.aefb-form .aefb-indicator-numbers .aefb-ind-item:not(:last-child)::after,
.aefb-form .aefb-indicator-text .aefb-ind-item:not(:last-child)::after {
	content: "\2192";
	margin-left: var(--aefb-step-spacing, 8px);
	color: var(--aefb-step-inactive, #9ca3af);
}

/* Numbers */
.aefb-form .aefb-indicator-numbers .aefb-ind-marker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	padding: 0 6px;
	border-radius: 6px;
	border: 1px solid var(--aefb-step-border-color, transparent);
	background: var(--aefb-step-inactive, #e5e7eb);
	color: #374151;
	font-weight: 700;
	font-size: .9em;
}

.aefb-form .aefb-indicator-numbers .aefb-ind-current .aefb-ind-marker {
	background: var(--aefb-step-active, var(--aefb-accent, var(--aefb-accent-default)));
	color: #fff;
}

.aefb-form .aefb-indicator-numbers .aefb-ind-completed .aefb-ind-marker {
	background: var(--aefb-step-completed, #16a34a);
	color: #fff;
}

/* Circles */
.aefb-form .aefb-indicator-circles .aefb-indicator-list {
	flex-wrap: nowrap;
	gap: 0;
	justify-content: var(--aefb-ind-justify, space-between);
}

.aefb-form .aefb-indicator-circles .aefb-ind-item {
	flex: var(--aefb-ind-flex, 1 1 0);
	min-width: 0;
	flex-direction: column;
	align-items: center;
	position: relative;
	text-align: center;
}

.aefb-form .aefb-indicator-circles .aefb-ind-btn {
	flex-direction: column;
	gap: var(--aefb-ind-name-gap, 6px);
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 1;
}

.aefb-form .aefb-indicator-circles .aefb-ind-item:not(:last-child)::after {
	content: "";
	position: absolute;
	top: calc(var(--aefb-step-circle-size, 32px) / 2 - 1px);
	left: calc(50% + var(--aefb-step-circle-size, 32px) / 2 + 4px);
	right: calc(-50% + var(--aefb-step-circle-size, 32px) / 2 + 4px);
	height: 2px;
	background: var(--aefb-step-inactive, #d1d5db);
}

.aefb-form .aefb-indicator-circles .aefb-ind-completed:not(:last-child)::after {
	background: var(--aefb-step-completed, #16a34a);
}

.aefb-form .aefb-indicator-circles .aefb-ind-marker {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: var(--aefb-step-circle-size, 32px);
	height: var(--aefb-step-circle-size, 32px);
	border-radius: 50%;
	border: 2px solid var(--aefb-step-border-color, var(--aefb-step-inactive, #d1d5db));
	background: #fff;
	color: #6b7280;
	font-weight: 700;
	font-size: .9em;
}

.aefb-form .aefb-indicator-circles .aefb-ind-current .aefb-ind-marker {
	border-color: var(--aefb-step-active, var(--aefb-accent, var(--aefb-accent-default)));
	background: var(--aefb-step-active, var(--aefb-accent, var(--aefb-accent-default)));
	color: #fff;
}

.aefb-form .aefb-indicator-circles .aefb-ind-completed .aefb-ind-marker {
	border-color: var(--aefb-step-completed, #16a34a);
	background: var(--aefb-step-completed, #16a34a);
	color: #fff;
}

.aefb-form .aefb-indicator-circles .aefb-ind-title {
	font-size: .9em;
	align-self: stretch;
	text-align: var(--aefb-ind-text-align, center);
}

/* Simple text */
.aefb-form .aefb-indicator-text .aefb-ind-marker {
	display: none;
}

.aefb-form .aefb-indicator-text .aefb-ind-item {
	color: var(--aefb-step-inactive, #9ca3af);
}

.aefb-form .aefb-indicator-text .aefb-ind-completed {
	color: var(--aefb-step-completed, #16a34a);
}

.aefb-form .aefb-indicator-text .aefb-ind-current {
	color: var(--aefb-step-active, var(--aefb-accent, var(--aefb-accent-default)));
	font-weight: 700;
}

.aefb-form .aefb-ind-upcoming .aefb-ind-title {
	opacity: .8;
}

/* Progress bar */
.aefb-form .aefb-progress-text {
	display: flex;
	flex-wrap: wrap;
	justify-content: var(--aefb-progress-justify, space-between);
	gap: 4px 12px;
	margin-bottom: 8px;
}

.aefb-form .aefb-progress-title {
	font-weight: 600;
}

.aefb-form .aefb-progress-track {
	width: 100%;
	height: var(--aefb-step-bar-height, 8px);
	background: var(--aefb-step-inactive, #e5e7eb);
	border-radius: 999px;
	overflow: hidden;
}

.aefb-form .aefb-progress-fill {
	height: 100%;
	background: var(--aefb-step-active, var(--aefb-accent, var(--aefb-accent-default)));
	border-radius: 999px;
	transition: width .3s ease;
}

@media (max-width: 767px) {
	.aefb-form .aefb-indicator-numbers .aefb-ind-item:not(.aefb-ind-current) .aefb-ind-title,
	.aefb-form .aefb-indicator-circles .aefb-ind-title {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}

	.aefb-form .aefb-indicator-circles .aefb-ind-marker {
		width: min(var(--aefb-step-circle-size, 32px), 28px);
		height: min(var(--aefb-step-circle-size, 32px), 28px);
	}

	.aefb-form .aefb-indicator-circles .aefb-ind-item:not(:last-child)::after {
		top: calc(min(var(--aefb-step-circle-size, 32px), 28px) / 2 - 1px);
		left: calc(50% + min(var(--aefb-step-circle-size, 32px), 28px) / 2 + 2px);
		right: calc(-50% + min(var(--aefb-step-circle-size, 32px), 28px) / 2 + 2px);
	}

	.aefb-form .aefb-indicator-text .aefb-ind-item:not(.aefb-ind-current) {
		display: none;
	}

	.aefb-form .aefb-indicator-text .aefb-ind-item::after {
		display: none;
	}
}

/* ---------- Buttons ---------- */

.aefb-form .aefb-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: var(--aefb-button-align, space-between);
	gap: 12px;
	margin-top: var(--aefb-nav-spacing, 22px);
}

.aefb-form.aefb-is-single .aefb-nav {
	justify-content: var(--aefb-button-align, flex-start);
}

.aefb-form .aefb-nav .aefb-btn-next,
.aefb-form .aefb-nav .aefb-btn-submit {
	margin-left: var(--aefb-btn-push, auto);
}

.aefb-form.aefb-is-single .aefb-nav .aefb-btn-submit {
	margin-left: 0;
}

.aefb-form .aefb-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: var(--aefb-button-width, auto);
	max-width: 100%;
	min-height: 44px;
	margin: 0;
	padding: var(--aefb-button-padding, 11px 22px);
	font-family: var(--aefb-button-font-family, inherit);
	font-size: var(--aefb-button-font-size, 15px);
	font-weight: var(--aefb-button-font-weight, 600);
	line-height: 1.2;
	color: var(--aefb-button-color, #fff);
	background: var(--aefb-button-bg, var(--aefb-accent, var(--aefb-accent-default)));
	border: var(--aefb-button-border-width, 0) solid var(--aefb-button-border-color, transparent);
	border-radius: var(--aefb-button-radius, 6px);
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, opacity .15s ease;
}

.aefb-form .aefb-btn-prev {
	margin-left: 0;
}

.aefb-form .aefb-btn:hover,
.aefb-form .aefb-btn:focus-visible {
	color: var(--aefb-button-hover-color, var(--aefb-button-color, #fff));
	background: var(--aefb-button-hover-bg, #1d4ed8);
}

.aefb-form .aefb-btn:focus-visible {
	outline: 3px solid var(--aefb-input-focus-shadow, rgba(37, 99, 235, .35));
	outline-offset: 2px;
}

.aefb-form .aefb-btn-prev {
	color: var(--aefb-label-color, #374151);
	background: transparent;
	border: 1px solid var(--aefb-input-border-color, #d1d5db);
}

.aefb-form .aefb-btn-prev:hover,
.aefb-form .aefb-btn-prev:focus-visible {
	color: var(--aefb-label-color, #111827);
	background: #f3f4f6;
}

.aefb-form .aefb-btn:disabled {
	opacity: .65;
	cursor: not-allowed;
}

.aefb-form .aefb-btn-icon {
	flex: 0 0 auto;
}

.aefb-form .aefb-spinner {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	animation: aefb-spin .7s linear infinite;
}

.aefb-form.aefb-busy .aefb-btn-submit .aefb-spinner {
	display: inline-block;
}

@keyframes aefb-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 480px) {
	.aefb-form .aefb-nav .aefb-btn {
		flex: 1 1 auto;
	}
}

/* Without JavaScript: all steps visible, only the final submit button. */
.aefb-form:not(.aefb-js) .aefb-btn-prev,
.aefb-form:not(.aefb-js) .aefb-btn-next,
.aefb-form:not(.aefb-js) .aefb-indicator {
	display: none !important;
}

.aefb-form:not(.aefb-js) .aefb-step + .aefb-step {
	margin-top: 28px;
}

/* ---------- Messages ---------- */

.aefb-form .aefb-error-summary,
.aefb-form .aefb-message-error {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-radius: 8px;
	border-left: 4px solid var(--aefb-msg-error-color, #b91c1c);
	background: var(--aefb-msg-error-bg, #fef2f2);
	color: var(--aefb-msg-error-color, #991b1b);
	font-size: var(--aefb-msg-font-size, 14px);
}

.aefb-form .aefb-error-summary:focus {
	outline: 2px solid var(--aefb-msg-error-color, #b91c1c);
	outline-offset: 2px;
}

.aefb-form .aefb-error-summary p {
	margin: 0;
	font-weight: 600;
}

.aefb-form .aefb-error-summary ul {
	margin: 6px 0 0;
	padding-left: 18px;
}

.aefb-form .aefb-error-summary a {
	color: inherit;
	text-decoration: underline;
}

.aefb-form .aefb-success,
.aefb-form .aefb-message-success {
	margin: 0 0 18px;
	padding: 16px 18px;
	border-radius: 8px;
	border-left: 4px solid var(--aefb-msg-success-color, #15803d);
	background: var(--aefb-msg-success-bg, #f0fdf4);
	color: var(--aefb-msg-success-color, #166534);
	font-size: var(--aefb-msg-font-size, 15px);
}

.aefb-form .aefb-success:focus {
	outline: none;
}

.aefb-form .aefb-success p:last-child,
.aefb-form .aefb-message-success p:last-child {
	margin-bottom: 0;
}

.aefb-form .aefb-cond-hidden {
	display: none !important;
}

.aefb-notice {
	padding: 12px 14px;
	margin: 0 0 12px;
	border: 1px dashed #93c5fd;
	border-radius: 6px;
	background: #eff6ff;
	color: #1e3a8a;
	font-size: 14px;
	line-height: 1.4;
}

.aefb-widget {
	min-width: 0;
}

@media (prefers-reduced-motion: reduce) {
	.aefb-form *,
	.aefb-form *::before,
	.aefb-form *::after {
		transition: none !important;
		animation: none !important;
	}
}