/*
 * Formularze Fluent Forms w stylu Recepcji. Działa tylko w elemencie
 * z klasą CSS „rcp-form” (Zaawansowane → Klasy CSS), więc nie zmienia
 * innych formularzy na stronie.
 */
.rcp-form .fluentform .ff-el-group {
	margin-bottom: 20px;
}

.rcp-form .fluentform .ff-el-input--label label {
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.06em;
	color: var(--rcp-color-heading, #2e2a27);
}

.rcp-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-right label::after,
.rcp-form .fluentform .ff-el-input--label.ff-el-is-required.asterisk-left label::before {
	color: var(--e-global-color-primary, #8c5e52);
}

.rcp-form .fluentform .ff-el-form-control {
	padding: 14px 16px;
	border: 1px solid color-mix(in srgb, var(--rcp-color-text, #5f5852) 25%, transparent);
	border-radius: var(--rcp-radius, 0);
	background: #fff;
	color: var(--rcp-color-heading, #2e2a27);
	font-family: inherit;
	font-size: 16px;
	line-height: 1.5;
	box-shadow: none;
	transition: border-color 0.2s;
}

.rcp-form .fluentform .ff-el-form-control::placeholder {
	color: color-mix(in srgb, var(--rcp-color-text, #5f5852) 60%, transparent);
}

.rcp-form .fluentform .ff-el-form-control:focus {
	border-color: var(--e-global-color-primary, #8c5e52);
	outline: none;
	box-shadow: none;
}

.rcp-form .fluentform .ff-btn-submit {
	min-height: 52px;
	padding: 0 32px;
	border-radius: var(--rcp-radius, 0);
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	transition: opacity 0.2s;
}

.rcp-form .fluentform .ff-btn-submit:hover {
	opacity: 0.88;
}

.rcp-form .fluentform .text-danger,
.rcp-form .fluentform .error {
	font-size: 13px;
}