/**
 * Solène – Fluent Forms a Figma „Form Field” komponense szerint
 * (KAPCSOLAT és ÜZLETI ajánlatkérő űrlapok).
 *
 * A Fluent Forms saját stílusa (Default / Inherit) maradhat bekapcsolva, ez felülírja.
 * Az Elementor Fluent Forms widget „Form Styler” beállításait hagyd üresen.
 */

.fluentform .ff-el-group {
	margin-bottom: var(--sol-space-default);
}

/* Címke: Bunyan / Solene Serif 24 / 30 */
.fluentform .ff-el-input--label label,
.fluentform .ff-el-input--label {
	margin-bottom: 6px;
	color: var(--sol-dark-100);
	font-family: var(--sol-font-serif);
	font-size: var(--sol-fs-label);
	font-weight: 400;
	line-height: var(--sol-lh-label);
	letter-spacing: 0;
}

.fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after,
.fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label::before {
	color: var(--sol-main);
}

/* Mező */
.fluentform .ff-el-group .ff-el-form-control,
.fluentform .ff-el-group select.ff-el-form-control,
.fluentform .ff-el-group textarea.ff-el-form-control {
	min-height: var(--sol-input-height);
	padding: 10px 12px;
	border: var(--sol-border) solid var(--sol-sec);
	border-radius: 0;
	background-color: var(--sol-bright-100);
	box-shadow: none;
	color: var(--sol-dark-300);
	font-family: var(--sol-font-sans);
	font-size: var(--sol-fs-body);
	line-height: var(--sol-lh-text);
	letter-spacing: var(--sol-ls-body);
}

.fluentform .ff-el-group textarea.ff-el-form-control {
	min-height: 128px;
}

.fluentform .ff-el-group .ff-el-form-control:focus {
	border-color: var(--sol-main);
	box-shadow: none;
	outline: none;
}

.fluentform .ff-el-group .ff-el-form-control::placeholder {
	color: var(--sol-dark-300);
	opacity: 0.6;
}

/* Segédszöveg és hibaüzenet */
.fluentform .ff-el-help-message {
	color: var(--sol-sec-bright);
	font-size: var(--sol-fs-small);
	font-style: normal;
}

.fluentform .ff-el-is-error .ff-el-form-control {
	border-color: var(--sol-main-dark);
}

.fluentform .error,
.fluentform .text-danger {
	color: var(--sol-main-dark);
	font-size: var(--sol-fs-small);
}

/* Jelölőnégyzet / rádió sorok */
.fluentform .ff-el-form-check label.ff-el-form-check-label {
	display: inline-flex;
	align-items: center;
	gap: var(--sol-space-s);
	font-family: var(--sol-font-sans);
	font-size: var(--sol-fs-body);
	line-height: var(--sol-lh-text);
}

.fluentform .ff-el-form-check {
	margin-bottom: var(--sol-space-s);
}

/* Küldés gomb: Primary Fill (Figma: „Ajánlatot kérek”, „Küldés”) */
:root .fluentform .ff-btn-submit,
:root .fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 12px 24px;
	border: var(--sol-border) solid var(--sol-main);
	border-radius: 0;
	background-color: var(--sol-main);
	color: var(--sol-bright-200);
	font-family: var(--sol-font-sans);
	font-size: var(--sol-fs-button);
	font-weight: 400;
	line-height: var(--sol-lh-text);
	letter-spacing: var(--sol-ls-button);
	text-transform: uppercase;
	box-shadow: none;
	opacity: 1;
	transition: background-color var(--sol-transition), border-color var(--sol-transition), color var(--sol-transition);
}

:root .fluentform .ff-btn-submit:hover,
:root .fluentform .ff-btn-submit:focus-visible {
	background-color: var(--sol-main-dark);
	border-color: var(--sol-main-dark);
	color: var(--sol-bright-300);
	opacity: 1;
}

/* Sikeres küldés üzenet */
.fluentform .ff-message-success,
.ff-message-success {
	border: 0;
	border-left: var(--sol-border) solid var(--sol-sec);
	background-color: var(--sol-bright-200);
	box-shadow: none;
	color: var(--sol-dark-200);
	font-family: var(--sol-font-sans);
	font-size: var(--sol-fs-body);
}

/* Dátummező: naptár-ikon jobbra (Figma) */
.fluentform .ff-el-group input.ff-el-datepicker,
.fluentform .ff-el-group input.ff-el-form-control[data-type-datepicker] {
	padding-right: 44px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2365652a'%3E%3Cpath d='M9 1V3H15V1H17V3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H7V1H9ZM20 11H4V19H20V11ZM7 5H4V9H20V5H17V7H15V5H9V7H7V5Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 20px 20px;
	cursor: pointer;
}

/* Hozzájárulás (GDPR) jelölő: a négyzet és a szöveg egy sorban, a link aláhúzva */
.fluentform .ff-el-tc label.ff_tc_label {
	display: flex;
	align-items: flex-start;
	gap: var(--sol-space-s);
	margin: 0;
	cursor: pointer;
}

.fluentform .ff-el-tc .ff_t_c {
	margin: 0;
	color: var(--sol-dark-200);
	font-family: var(--sol-font-sans);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
}

.fluentform .ff-el-tc .ff_tc_checkbox {
	flex: 0 0 auto;
	padding-top: 2px;
}

.fluentform .ff_t_c a {
	color: var(--sol-main);
	text-decoration: underline;
	text-underline-offset: 2px;
}