/**
 * Premier Plants Theme — WooCommerce styles.
 *
 * Loaded alongside WooCommerce's own stylesheets. Light-touch overrides
 * that tie WooCommerce into the theme's tokens; extend once the design lands.
 */

/* ==========================================================================
   Header cart
   ========================================================================== */

.header-cart__count {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 1.125rem;
	height: 1.125rem;
	padding: 0 0.3rem;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 1.125rem;
	text-align: center;
	color: var(--pp-color-white);
	background: var(--pp-color-primary);
	border-radius: 999px;
}

/* ==========================================================================
   Buttons
   ========================================================================== */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	padding: 0.7rem 1.25rem;
	font-weight: 600;
	color: var(--pp-color-button-text);
	background: var(--pp-color-button);
	border-radius: var(--pp-radius);
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	color: var(--pp-color-button-hover-text);
	background: var(--pp-color-button-hover);
}

/* ==========================================================================
   Product grid
   ========================================================================== */

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1rem;
	color: var(--pp-color-heading);
}

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

.woocommerce ul.products li.product a img {
	border-radius: var(--pp-radius);
}

.woocommerce span.onsale {
	background: var(--pp-color-button);
	color: var(--pp-color-heading);
}

/* ==========================================================================
   Notices
   ========================================================================== */

.woocommerce-message,
.woocommerce-info {
	border-top-color: var(--pp-color-primary);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--pp-color-primary);
}

/* ==========================================================================
   Breadcrumb
   ========================================================================== */

.woocommerce .woocommerce-breadcrumb {
	font-size: 0.875rem;
	color: var(--pp-color-muted);
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--pp-color-muted);
}