/**
 * WooCommerce UI primitives loaded only on WooCommerce-owned screens.
 */

.mc-breadcrumb {
	margin-block-end: var(--mc-space-lg);
	color: var(--mc-color-text-secondary);
	font-size: var(--mc-font-size-sm);
	line-height: var(--mc-line-height-normal);
}

.woocommerce-Price-amount {
	font-variant-numeric: tabular-nums;
}

.woocommerce-Price-currencySymbol {
	font-size: 0.78em;
	font-weight: var(--mc-font-weight-regular);
}

.mc-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: var(--mc-space-xs);
	padding: 0;
	margin: 0;
	list-style: none;
}

.mc-breadcrumb li:not(:last-child)::after {
	margin-inline-start: var(--mc-space-xs);
	content: "/";
}

.mc-breadcrumb a {
	color: inherit;
	text-decoration: none;
}

.mc-breadcrumb a:hover {
	color: var(--mc-color-primary);
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.wc-block-components-button:not(.is-link) {
	display: inline-flex;
	gap: var(--mc-space-xs);
	align-items: center;
	justify-content: center;
	padding: var(--mc-button-padding-block) var(--mc-button-padding-inline);
	color: var(--mc-color-button-text);
	font-weight: var(--mc-button-font-weight);
	line-height: var(--mc-line-height-control);
	text-align: center;
	text-decoration: none;
	background: var(--mc-color-primary);
	border: 1px solid var(--mc-color-primary);
	border-radius: var(--mc-radius-button);
	cursor: pointer;
	transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.wc-block-components-button:not(.is-link):hover {
	color: var(--mc-color-button-text);
	background: var(--mc-color-primary-hover);
	border-color: var(--mc-color-primary-hover);
}

.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible,
.woocommerce input.button:focus-visible,
.woocommerce #respond input#submit:focus-visible,
.wc-block-components-button:not(.is-link):focus-visible {
	outline: 2px solid var(--mc-color-primary);
	outline-offset: 2px;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
	opacity: 0.55;
	cursor: not-allowed;
}

@media (max-width: 47.999rem) {
	.mc-breadcrumb {
		direction: rtl;
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-inline: contain;
		font-size: var(--mc-mobile-font-size-sm);
		line-height: var(--mc-mobile-line-height-body);
		white-space: nowrap;
		scroll-behavior: smooth;
		scrollbar-width: none;
		-webkit-mask-image: linear-gradient(
			to left,
			transparent,
			#000 var(--mc-space-md),
			#000 calc(100% - var(--mc-space-md)),
			transparent
		);
		mask-image: linear-gradient(
			to left,
			transparent,
			#000 var(--mc-space-md),
			#000 calc(100% - var(--mc-space-md)),
			transparent
		);
		-webkit-overflow-scrolling: touch;
	}

	.mc-breadcrumb ol {
		flex-wrap: nowrap;
		width: max-content;
		min-width: 100%;
	}

	.mc-breadcrumb::-webkit-scrollbar {
		display: none;
	}

	.mc-breadcrumb li {
		flex: 0 0 auto;
	}

	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	.woocommerce #respond input#submit,
	.wc-block-components-button:not(.is-link) {
		font-size: var(--mc-mobile-font-size-body);
		line-height: var(--mc-mobile-line-height-control);
	}
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button,
	.woocommerce #respond input#submit,
	.wc-block-components-button:not(.is-link) {
		transition: none;
	}
}
/* WooCommerce rating color is intentionally independent from the brand accent. */
.woocommerce .star-rating,
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before,
.woocommerce p.stars a { color: var(--mc-rating-color); }