/*
 * MOC GiftCard Points - ficha de producto
 * Se carga únicamente en los productos Gift Card configurados por el plugin.
 */

/*
 * Elementor fuerza form.cart a display:flex en el widget Add to Cart.
 * Para las Gift Cards necesitamos el flujo normal en bloque: campo + ayuda + botón.
 * Se incluyen selectores específicos de Elementor para sobreescribir esa regla.
 */
.moc-giftcard-product form.cart,
.moc-giftcard-product .elementor-widget-woocommerce-product-add-to-cart form.cart,
.moc-giftcard-product .elementor-widget-wc-add-to-cart form.cart,
body.single-product.postid-11153 form.cart,
body.single-product.postid-11154 form.cart,
body.single-product.postid-11155 form.cart,
body.single-product.postid-11156 form.cart {
	display: block !important;
	width: 100% !important;
	max-width: 100%;
	flex-direction: initial !important;
	flex-wrap: initial !important;
	align-items: initial !important;
	justify-content: initial !important;
	gap: 0 !important;
}

.moc-giftcard-product .moc-giftcard-recipient-field,
body.single-product.postid-11153 .moc-giftcard-recipient-field,
body.single-product.postid-11154 .moc-giftcard-recipient-field,
body.single-product.postid-11155 .moc-giftcard-recipient-field,
body.single-product.postid-11156 .moc-giftcard-recipient-field {
	display: block;
	width: 100%;
	max-width: 560px;
	margin: 24px 0 18px !important;
	padding: 0;
	clear: both;
}

.moc-giftcard-product .moc-giftcard-recipient-field__label {
	display: block;
	width: 100%;
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
}

.moc-giftcard-product .moc-giftcard-recipient-field__label .required {
	color: var(--e-global-color-primary, #d90404);
}

.moc-giftcard-product .moc-giftcard-recipient-field__input {
	display: block;
	width: 100% !important;
	min-width: 0;
	height: 50px;
	margin: 0;
	padding: 10px 14px;
	box-sizing: border-box;
	background: #fff;
	color: #111;
	border: 1px solid rgba(255,255,255,.35);
	border-radius: 0;
	box-shadow: none;
}

.moc-giftcard-product .moc-giftcard-recipient-field__input:focus {
	outline: 2px solid var(--e-global-color-primary, #d90404);
	outline-offset: 1px;
}

.moc-giftcard-product .moc-giftcard-recipient-field__help {
	display: block;
	margin: 8px 0 0 !important;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
	opacity: .82;
}

/*
 * No redefinimos dimensiones, padding ni line-height del botón.
 * Al corregir únicamente el display:flex de form.cart, dejamos que
 * Elementor/theme conserve exactamente su estilo original.
 */

.moc-giftcard-product form.cart .quantity {
	float: none;
	vertical-align: middle;
}

@media (max-width: 767px) {
	.moc-giftcard-product .moc-giftcard-recipient-field {
		max-width: 100%;
	}

}