/*!
 * Mozzo Corporate — WooCommerce chrome tinting.
 * The checkout/cart/account templates ported from mozzo-main use Bootstrap
 * classes directly; this file only re-tints what WooCommerce's own
 * woocommerce.css still renders (notices, tables, star ratings) so it reads
 * as part of the same design instead of WC's default green.
 */

.woocommerce-message,
.woocommerce-info {
	border-top-color: var( --mozzo-primary );
}
.woocommerce-message::before,
.woocommerce-info::before {
	color: var( --mozzo-primary );
}
.woocommerce-error {
	border-top-color: #dc3545;
}

.woocommerce a.button,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	background-color: var( --mozzo-primary );
	color: #fff;
	border-radius: var( --mozzo-pill );
}
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var( --mozzo-primary-hover );
	color: #fff;
}

.woocommerce table.shop_table {
	border-radius: var( --mozzo-radius );
	border-color: var( --mozzo-line );
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var( --mozzo-primary );
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding-left: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin-bottom: .35rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
	display: block;
	padding: .5rem .9rem;
	border-radius: var( --mozzo-radius );
	color: var( --mozzo-body );
	text-decoration: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
	background: var( --mozzo-primary-10 );
	color: var( --mozzo-primary );
}

/* Scoped to the terms-and-conditions checkbox label only — WooCommerce's
   default line-height: 2 on .form-row label is fine for single-line labels
   (e.g. "Notas del pedido"), but it adds huge gaps between this label's
   wrapped lines since the checkbox text runs several lines long. line-height:
   0 (a previous attempt at this fix) overcorrected: it collapses every
   wrapped line onto the same baseline, so the label's own lines — and the
   "please accept the terms" validation error rendered right after it —
   overlap instead of stacking. */
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
	line-height: 1.4;
}