/* ===== Checkout (bloques): mensajes de error bajo el campo =====
   "CSS adicional" (Personalizar) pone column-reverse con !important en
   .wc-block-components-address-form .wc-block-components-text-input, lo que
   deja el error ENCIMA del campo (sobre la etiqueta) y desalinea campos
   lado a lado. Estas reglas tienen más especificidad para ganarle. */
.wc-block-checkout .wc-block-components-text-input,
.wc-block-checkout .wc-block-components-address-form .wc-block-components-text-input {
	flex-direction: column !important;
	justify-content: flex-start !important;
}
.wc-block-checkout .wc-block-components-text-input .wc-block-components-validation-error {
	padding-top: 4px !important;
	line-height: 1.3 !important;
}
.wc-block-checkout .wc-block-components-validation-error > p {
	font-size: 13px !important;
	line-height: 1.3 !important;
	align-items: flex-start !important;
	gap: 2px;
}
.wc-block-checkout .wc-block-components-validation-error > p svg {
	margin: 0 !important;
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 18px;
}