/* ============================================================
   Ferre503 — Formularios (checkout, cuenta, contacto).
   Mobile-first, accesibles, sin !important.
   ============================================================ */

.woocommerce form .form-row label,
.woocommerce-page form .form-row label,
.f5-form label {
	display: block;
	font-family: var(--ff-body);
	font-weight: 600;
	font-size: var(--fs-sm);
	color: var(--c-text);
	margin-bottom: var(--sp-2);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea,
input[type="text"], input[type="email"], input[type="tel"],
input[type="search"], input[type="number"], input[type="password"],
input[type="url"], select, textarea {
	display: block;
	width: 100%;
	padding: 12px var(--sp-3);
	font-size: var(--fs-base);
	font-family: var(--ff-body);
	color: var(--c-text);
	background: var(--f5-white);
	border: 1.5px solid var(--c-line);
	border-radius: var(--r-md);
	min-height: 44px;
	box-shadow: none;
	transition: border-color var(--dur-fast), box-shadow var(--dur-fast);
}
input:focus, select:focus, textarea:focus {
	outline: 0;
	border-color: var(--f5-orange);
	box-shadow: 0 0 0 3px var(--f5-orange-soft);
}

select.select2-selection,
.select2-container--default .select2-selection--single {
	min-height: 44px;
	border: 1.5px solid var(--c-line);
	border-radius: var(--r-md);
	padding: 8px var(--sp-3);
}

textarea { min-height: 96px; resize: vertical; }

.woocommerce form .form-row {
	margin-bottom: var(--sp-3);
}
.woocommerce form .form-row.form-row-first,
.woocommerce form .form-row.form-row-last {
	width: 100%;
}
@media (min-width: 640px) {
	.woocommerce form .form-row.form-row-first,
	.woocommerce form .form-row.form-row-last {
		width: calc(50% - 8px);
	}
}

/* Checkout panels estilo HD */
.woocommerce-checkout #payment {
	background: var(--f5-white);
	border: 1px solid var(--c-line);
	border-radius: var(--r-lg);
	padding: var(--sp-4);
}
.woocommerce-checkout #payment ul.payment_methods {
	background: var(--f5-light);
	border-radius: var(--r-md);
	padding: var(--sp-3);
}
.woocommerce-checkout #payment ul.payment_methods li {
	padding: var(--sp-3);
	background: var(--f5-white);
	border-radius: var(--r-md);
	margin-bottom: var(--sp-2);
	border: 1.5px solid var(--c-line);
}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
	border-color: var(--f5-orange);
	box-shadow: 0 0 0 2px var(--f5-orange-soft);
}

/* Mensajes de error/notice */
.woocommerce-error li,
.woocommerce-info,
.woocommerce-message {
	font-family: var(--ff-body);
	font-size: var(--fs-base);
}