/**
 * AFITT — FluentCart 2.2 checkout field labels.
 *
 * FluentCart 2.2 renders field labels as a 12px ::after pseudo-element on the
 * wrapper (`[data-fct-label]`), shown only when the field has content. On the
 * AFitt checkout we replace it with a persistent, large label above the field.
 *
 * Loaded after FluentCart's `fluent-cart-global-styles` (wp_enqueue_scripts 99).
 */

.page-content--checkout .fct-field-labels-docked [data-fct-label]::after {
	content: none !important;
}

.page-content--checkout .fct-field-labels-docked [data-fct-label]::before {
	content: attr(data-fct-label);
	display: block;
	position: static;
	margin: 0 0 6px 2px;
	font-family: "Afitt Display HU", "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.25;
	color: var(--color-text-primary, #211a16);
}

/* The large label replaces the duplicate placeholder on text-like fields. */
.page-content--checkout .fct_input_wrapper[data-fct-label] > input::placeholder,
.page-content--checkout .fct_input_wrapper[data-fct-label] > textarea::placeholder {
	color: transparent !important;
}

/* Docked labels square the top corners; restore the brand radius. */
.page-content--checkout .fct_checkout input[type="text"],
.page-content--checkout .fct_checkout input[type="email"],
.page-content--checkout .fct_checkout input[type="tel"],
.page-content--checkout .fct_checkout input[type="number"],
.page-content--checkout .fct_checkout input[type="password"],
.page-content--checkout .fct_checkout select,
.page-content--checkout .fct_checkout textarea {
	min-height: 48px;
	border-radius: 12px !important;
}

/* Keep the label + field on one visual rhythm. */
.page-content--checkout .fct_input_wrapper[data-fct-label] {
	margin-bottom: var(--space-md, 16px);
}

/* Do not add the large label to checkbox/radio rows. */
.page-content--checkout .fct_input_wrapper[data-fct-field="checkbox"]::before,
.page-content--checkout .fct_input_wrapper[data-fct-field="radio"]::before {
	content: none !important;
}