/* Eat N' Chill · Carrito, pago y pedido recibido de WooCommerce con los colores de la marca.
 * Sirve para la versión "de bloques" (la que trae WooCommerce nuevo) y para la clásica. */

:root {
	--encp-w-verde: var(--wp--preset--color--verde-profundo, #0B3F34);
	--encp-w-verde-2: var(--wp--preset--color--verde, #1F6B4E);
	--encp-w-amarillo: var(--wp--preset--color--amarillo, #F5B82E);
	--encp-w-crema: var(--wp--preset--color--crema, #FBF6EA);
	--encp-w-salvia: var(--wp--preset--color--salvia, #E4EEE7);
	--encp-w-tinta: var(--wp--preset--color--tinta, #14231F);
	--encp-w-gris: var(--wp--preset--color--gris, #5B6B66);
	--encp-w-borde: #D5DED8;
	--encp-w-sombra: 0 30px 60px -40px rgba(11, 63, 52, .45);
}

/* ---------- Aviso "¿Quieres cambiar algo?" ---------- */
.encp-wc-cambiar {
	max-width: 1120px;
	margin: 0 auto 1.4rem;
	padding: .85rem 1.1rem;
	border-radius: 16px;
	background: var(--encp-w-salvia);
	color: var(--encp-w-verde);
	font-size: .95rem;
	line-height: 1.45;
}
.encp-wc-cambiar a { color: var(--encp-w-verde); font-weight: 700; text-underline-offset: 3px; }

/* ---------- Estructura ---------- */
.wp-block-woocommerce-checkout,
.wp-block-woocommerce-cart,
.woocommerce-checkout .woocommerce,
.woocommerce-cart .woocommerce {
	max-width: 1120px;
	margin-inline: auto;
}
.wc-block-components-sidebar-layout { gap: clamp(1rem, 3vw, 2rem); }

/* Pasos del formulario como tarjetas blancas */
.wc-block-checkout__form .wc-block-components-checkout-step,
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
	background: #fff;
	border-radius: 24px;
	padding: clamp(1.1rem, 3vw, 1.8rem);
	margin-bottom: 1.2rem;
	box-shadow: var(--encp-w-sombra);
}
.wc-block-components-checkout-step__container { padding-left: 0 !important; }
.wc-block-components-checkout-step::after { display: none !important; } /* línea gris entre pasos */
.wc-block-components-checkout-step__heading { margin-bottom: .6rem; }
.wc-block-components-checkout-step__title,
.wc-block-components-title,
.wc-block-cart__totals-title,
.wc-block-components-checkout-order-summary__title-text,
#order_review_heading,
.woocommerce-billing-fields h3 {
	font-family: var(--wp--preset--font-family--fredoka, inherit) !important;
	color: var(--encp-w-verde) !important;
	font-weight: 600 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.wc-block-components-checkout-step__title { font-size: 1.3rem !important; }
.wc-block-components-checkout-step__description { color: var(--encp-w-gris); }

/* Resumen del pedido como tarjeta */
.wc-block-components-sidebar .wc-block-components-checkout-order-summary,
.wp-block-woocommerce-checkout-order-summary-block,
.wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-block,
.woocommerce-checkout #order_review,
.woocommerce-cart .cart_totals {
	background: #fff;
	border: 0 !important;
	border-radius: 24px;
	box-shadow: var(--encp-w-sombra);
	padding: clamp(1rem, 2.5vw, 1.5rem);
}
.wc-block-components-order-summary-item__description .wc-block-components-product-name,
.wc-block-cart-item__product .wc-block-components-product-name {
	font-weight: 700;
	color: var(--encp-w-tinta);
	text-decoration: none;
}
.wc-block-components-product-metadata,
.wc-block-components-product-details,
.woocommerce-checkout dl.variation,
.woocommerce-cart dl.variation {
	color: var(--encp-w-gris);
	font-size: .86rem;
	line-height: 1.45;
}
.wc-block-components-product-details li,
.wc-block-components-product-details__name { font-weight: 400; }
.wc-block-components-product-details__name { font-weight: 700; color: var(--encp-w-verde); }
.wc-block-components-order-summary-item__image img,
.wc-block-cart-item__image img {
	border-radius: 14px;
	object-fit: cover;
	aspect-ratio: 1;
}
.wc-block-components-order-summary-item__quantity {
	background: var(--encp-w-amarillo) !important;
	color: var(--encp-w-tinta) !important;
	border: 2px solid #fff !important;
	font-weight: 700;
}

/* Totales */
.wc-block-components-totals-item__value,
.wc-block-components-formatted-money-amount { font-variant-numeric: tabular-nums; }
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
.woocommerce-checkout .order-total th,
.woocommerce-checkout .order-total td {
	font-family: var(--wp--preset--font-family--fredoka, inherit);
	font-size: 1.35rem !important;
	color: var(--encp-w-verde);
	font-weight: 600 !important;
}

/* Campos */
.wc-block-components-text-input input,
.wc-block-components-text-input textarea,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-country-input select,
.wc-block-components-state-input select,
.wc-blocks-components-select__select,
.wc-block-components-textarea,
.woocommerce form .form-row .input-text,
.woocommerce form .form-row select {
	border: 1.5px solid var(--encp-w-borde) !important;
	border-radius: 14px !important;
	background: #fff !important;
	color: var(--encp-w-tinta) !important;
	box-shadow: none !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-text-input textarea:focus,
.wc-block-components-combobox .wc-block-components-combobox-control input:focus,
.wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus,
.woocommerce form .form-row .input-text:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--encp-w-verde-2) !important;
	outline: 3px solid color-mix(in srgb, var(--encp-w-amarillo) 55%, transparent) !important;
	outline-offset: 1px;
}
.wc-block-components-text-input label,
.wc-blocks-components-select__label { color: var(--encp-w-gris) !important; }
.wc-block-components-checkbox__input[type=checkbox]:checked,
.wc-block-components-radio-control__input:checked {
	border-color: var(--encp-w-verde-2) !important;
	background-color: var(--encp-w-verde-2) !important;
}
.wc-block-components-radio-control__input:checked::before { background: #fff !important; }

/* Métodos de pago como opciones grandes */
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option,
.woocommerce-checkout #payment ul.payment_methods li {
	border-radius: 16px !important;
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted {
	box-shadow: inset 0 0 0 2px var(--encp-w-verde-2) !important;
	background: color-mix(in srgb, var(--encp-w-salvia) 45%, #fff);
}
.woocommerce-checkout #payment { background: var(--encp-w-crema); border-radius: 18px; }

/* Botones */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.wc-block-components-button:not(.is-link):not(.wc-block-components-totals-coupon__button),
.woocommerce #place_order,
.woocommerce a.checkout-button,
.woocommerce .button.alt {
	background: var(--encp-w-verde) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	min-height: 3.2rem;
	padding: .8rem 1.6rem !important;
	font-weight: 700 !important;
	font-size: 1.05rem !important;
	box-shadow: 0 14px 28px -16px rgba(11, 63, 52, .8);
	transition: background-color .2s, transform .2s;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover,
.woocommerce #place_order:hover,
.woocommerce a.checkout-button:hover {
	background: var(--encp-w-verde-2) !important;
	transform: translateY(-1px);
}
.wc-block-components-checkout-place-order-button:focus-visible,
.wc-block-cart__submit-button:focus-visible,
.woocommerce #place_order:focus-visible {
	outline: 3px solid var(--encp-w-amarillo) !important;
	outline-offset: 3px;
}
.wc-block-components-totals-coupon__button { border-radius: 999px !important; }
.wc-block-components-totals-coupon-link,
.wc-block-components-checkout-policies a,
.wc-block-checkout__terms a { color: var(--encp-w-verde-2); font-weight: 600; }

/* Las cantidades se cambian en "Haz tu pedido", no aquí */
.wc-block-components-checkout-return-to-cart-button { display: none !important; }
.encp-wc-cant { font-weight: 700; }

/* Avisos */
.wc-block-components-notice-banner { border-radius: 16px !important; }
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success { border-color: var(--encp-w-verde-2) !important; }

/* ---------- Pedido recibido ---------- */
.wc-block-order-confirmation-status,
.woocommerce-order .woocommerce-thankyou-order-received {
	background: var(--encp-w-verde);
	color: var(--encp-w-crema);
	border-radius: 24px;
	padding: clamp(1.2rem, 4vw, 2rem);
}
.wc-block-order-confirmation-status h1,
.wc-block-order-confirmation-status p,
.woocommerce-order .woocommerce-thankyou-order-received { color: var(--encp-w-crema) !important; }
.wc-block-order-confirmation-summary,
.woocommerce-order ul.order_details {
	background: #fff;
	border-radius: 20px;
	padding: 1rem 1.2rem !important;
	box-shadow: var(--encp-w-sombra);
}
.wc-block-order-confirmation-summary-list-item__key { color: var(--encp-w-gris); }
.wc-block-order-confirmation-totals table,
.woocommerce-order .woocommerce-table--order-details {
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	border-collapse: separate;
}

/* Precios sin partirse en dos líneas (pago y pedido recibido, sobre todo en celular) */
.woocommerce-Price-amount, .wc-block-components-formatted-money-amount, .wc-block-components-product-price { white-space: nowrap; }
.wc-block-order-confirmation-totals td:last-child,
.woocommerce-table--order-details td:last-child,
.woocommerce-table--order-details tfoot td { white-space: nowrap; text-align: right; vertical-align: top; }
.wc-block-order-confirmation-totals .wc-item-meta,
.woocommerce-table--order-details .wc-item-meta { font-size: .84rem; color: var(--encp-w-gris); }

@media (max-width: 700px) {
	.wc-block-checkout__form .wc-block-components-checkout-step,
	.woocommerce-checkout #customer_details .col-1 { border-radius: 20px; padding: 1rem; }
	.wc-block-components-checkout-place-order-button,
	.wc-block-cart__submit-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.wc-block-components-checkout-place-order-button,
	.wc-block-cart__submit-button,
	.woocommerce #place_order { transition: none; }
}