/**
 * Compatibilidad con el widget «Añadir al carrito» de Elementor Pro
 * (y su fork Pro Elements), en la disposición «Integrado».
 *
 * Ese widget convierte `form.cart` en una fila flex sin salto:
 *
 *   .elementor-widget-woocommerce-product-add-to-cart form.cart:not(.grouped_form):not(.variations_form) {
 *       display: flex;
 *       flex-wrap: nowrap;
 *   }
 *
 * Con `align-items: stretch` (el valor por defecto), cada hijo de la fila adopta la altura
 * del más alto. Un campo de tres líneas (etiqueta + importe + mínimo) dentro de esa fila
 * estiraba el botón hasta su altura.
 *
 * Aquí el campo se adapta a la fila —etiqueta, importe y mínimo en una sola línea— y el
 * botón conserva su altura natural con `align-self`. No se sobrescribe ninguna
 * declaración de Elementor, así que no hace falta `!important`.
 *
 * Este archivo sólo se carga en fichas de producto con precio abierto; el resto de la
 * tienda no paga ni una regla.
 *
 * @package Woo Open Pricing
 */

/* ---------------------------------------------------------------------------
 * Ancho del campo
 *
 * Un importe no es un formulario completo: heredado de `.form-row .input-text`
 * (width: 100% del núcleo) el campo ocupaba todo el ancho del resumen. Se acota.
 * `max-width` no compite con la declaración del núcleo, así que no hace falta
 * `!important` ni más especificidad.
 * ------------------------------------------------------------------------- */

.wop-amount .input-text {
	max-width: 14em;
}

/* ---------------------------------------------------------------------------
 * Widget «Añadir al carrito» de Elementor (disposición «Integrado»)
 * ------------------------------------------------------------------------- */

.elementor-add-to-cart form.cart > .wop-amount {
	display: flex;
	flex: 1 1 auto;
	align-items: center;
	gap: 0.5em;
	min-width: 0;
	margin: 0;
}

.elementor-add-to-cart form.cart > .wop-amount label {
	display: inline-block;
	margin: 0;
	white-space: nowrap;
}

.elementor-add-to-cart form.cart > .wop-amount .input-text {
	flex: 1 1 6em;
	width: auto;
	min-width: 0;
	margin: 0;
}

.elementor-add-to-cart form.cart > .wop-amount .note {
	margin: 0;
}

/* El botón nunca se estira a la altura del campo. */
.elementor-add-to-cart form.cart > .single_add_to_cart_button {
	align-self: center;
}

/* En pantallas muy estrechas es preferible que el mínimo baje de línea antes que
   comprimir el importe. El botón sigue sin estirarse por el `align-self` de arriba. */
@media (max-width: 480px) {
	.elementor-add-to-cart form.cart > .wop-amount {
		flex-wrap: wrap;
	}
}