/* CUPP styling for WooCommerce shop, cart, checkout and account pages. */

.woocommerce,
.wc-block-components-text-input input,
.wc-block-components-button {
	font-family: var(--wp--preset--font-family--montserrat);
}

/* Product titles and prices */
.wc-block-components-product-name,
.wp-block-post-title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--wp--preset--color--navy);
}

.woocommerce ul.products li.product .price,
.wc-block-components-product-price {
	color: var(--wp--preset--color--navy);
	font-weight: 700;
}

/* Product images sit on stone, like the menu preview */
.wc-block-components-product-image,
.wp-block-woocommerce-product-image img,
.woocommerce ul.products li.product img,
.woocommerce div.product div.images img {
	background: var(--wp--preset--color--stone);
}

/* Buttons: square, letter-spaced, navy */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link),
.wp-block-button.wc-block-components-product-button .wp-block-button__link {
	border-radius: 0;
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--navy);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 0.9em 1.6em;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--navy);
}

/* Sale badge */
.woocommerce span.onsale,
.wc-block-components-product-sale-badge {
	border-radius: 0;
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--white);
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	min-height: 0;
	line-height: 1;
	padding: 0.6em 0.8em;
}

/* Form fields */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.wc-block-components-text-input input,
.wc-blocks-components-select select {
	border-radius: 0;
	border-color: var(--wp--preset--color--mist);
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner {
	border-radius: 0;
	border-top-color: var(--wp--preset--color--navy);
}

/* Mini cart in the header */
.cupp-header .wc-block-mini-cart__button { padding: 0.25rem; }
.cupp-header .wc-block-mini-cart__badge {
	background: var(--wp--preset--color--navy);
	color: var(--wp--preset--color--white);
}