/* ================================
   Booth price estimator — injected by booth-pricing.js
   Scope: Fluent Form #20 only.
   Uses the sitewide --ui-* tokens defined in style.css.
   No live price preview while filling the form — the estimate is only
   shown once in the success/confirmation message after submit.
================================ */

/* Minimum-area error for دورين (area < 50 m²). */
#fluentform_20 .pw-field-error {
	margin-top: 8px;
	padding: 10px 14px;
	background: rgba(220, 38, 38, 0.06);
	border: 1.5px solid #dc2626;
	border-radius: var(--ui-radius-sm, 12px);
	color: #dc2626;
	font-size: 13px;
	font-weight: 600;
	direction: rtl;
	text-align: right;
}

#fluentform_20 input.pw-invalid.ff-el-form-control {
	border-color: #dc2626 !important;
}

/* Price summary appended into the success/confirmation message after
   submit. Scoped to the form wrapper (not #fluentform_20 itself) since
   Fluent Forms may hide/replace the <form> element on success. */
.fluentform_wrapper_20 .pw-success-price {
	margin-top: 16px;
	padding: 18px 20px;
	background: var(--ui-bg-soft, #f8f9fa);
	border: 1.5px solid var(--ui-accent, #BD1B3C);
	border-radius: var(--ui-radius-sm, 12px);
	direction: rtl;
	text-align: right;
}

.fluentform_wrapper_20 .pw-success-price__label {
	font-size: 13px;
	font-weight: 700;
	color: var(--ui-accent, #BD1B3C);
	margin-bottom: 6px;
}

.fluentform_wrapper_20 .pw-success-price__value {
	font-size: 20px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 6px;
}

.fluentform_wrapper_20 .pw-success-price__value b {
	color: var(--ui-accent, #BD1B3C);
}

.fluentform_wrapper_20 .pw-success-price__footnote {
	font-size: 12px;
	color: #8a8f96;
	margin-top: 4px;
}