/*
 * 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: var(--rcp-input-bg, #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-btn, var(--rcp-radius, 0));
	font-family: inherit;
	font-size: var(--rcp-form-btn-size, 13px);
	font-weight: 500;
	letter-spacing: var(--rcp-form-btn-ls, 0.16em);
	text-transform: var(--rcp-form-btn-transform, uppercase);
	transition: background-color 0.25s ease, color 0.25s ease;
}

/* Przycisk w kolorze głównym strony, z czytelnym tekstem (także na ciemnych szablonach). */
.rcp-form .fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	background-color: var(--e-global-color-primary, #8c5e52);
	color: var(--rcp-color-on-primary, #fff);
}


.rcp-form .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover {
	background-color: var(--rcp-color-primary-hover, color-mix(in srgb, var(--e-global-color-primary, #8c5e52) 83%, #000));
	color: var(--rcp-color-on-primary, #fff);
	opacity: 1;
}

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


.rcp-form--dark .fluentform .ff-el-input--label label {
	color: #fff;
}

.rcp-form--dark .fluentform .ff-el-form-control {
	border-color: transparent;
	background: #fff;
	color: #1d1d1f;
}

.rcp-form--dark .fluentform .ff-el-form-control::placeholder {
	color: #8a8f8e;
}

.rcp-form--dark .fluentform .ff-btn-submit:not(.ff_btn_no_style) {
	width: 100%;
	background-color: #fff;
	color: var(--rcp-color-heading, #1d1d1f);
}

.rcp-form--dark .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover {
	opacity: 1;
	background-color: var(--e-global-color-primary, #8c5e52);
	color: #fff;
}

.rcp-form--dark .fluentform .ff_list_buttons label,
.rcp-form--dark .fluentform .ff-el-form-check-label,
.rcp-form--dark .fluentform .ff_t_c {
	color: rgba(255, 255, 255, 0.82);
}


.rcp-form--frost .fluentform .ff-el-form-control {
	border: 1px solid rgba(255, 255, 255, 0.28);
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}
.rcp-form--frost .fluentform .ff-el-form-control::placeholder { color: rgba(255, 255, 255, 0.72); }
.rcp-form--frost .fluentform .ff-el-form-control:focus { border-color: #fff; }
.rcp-form--frost .fluentform .ff-btn-submit:not(.ff_btn_no_style) { width: auto; }
.rcp-form--frost .fluentform .ff-btn-submit:not(.ff_btn_no_style):hover {
	background-color: rgba(255, 255, 255, 0.16);
	color: #fff;
	box-shadow: inset 0 0 0 1px #fff;
}