/*
 * Temporary WooCommerce foundation.
 * The shop archive and product page receive their full custom designs in later phases.
 */

body.woocommerce #primary.site-main,
body.woocommerce-page #primary.site-main,
body.woocommerce #main.site-main {
	width: min(1180px, calc(100% - 48px));
	margin-inline: auto;
}

body.woocommerce .woocommerce-breadcrumb {
	margin: 0 0 28px;
	color: var(--muted);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

body.woocommerce .woocommerce-breadcrumb a {
	text-decoration: none;
}

body.woocommerce .page-title,
body.woocommerce-page .entry-title {
	font-family: var(--serif);
	font-size: clamp(42px, 7vw, 74px);
	font-weight: 300;
	line-height: 1;
}

body.woocommerce a.button,
body.woocommerce button.button,
body.woocommerce input.button,
body.woocommerce-page a.button,
body.woocommerce-page button.button,
body.woocommerce-page input.button {
	min-height: 48px;
	padding: 14px 22px;
	border-radius: 0;
	background: var(--navy);
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.04em;
}

body.woocommerce a.button:hover,
body.woocommerce button.button:hover,
body.woocommerce input.button:hover,
body.woocommerce-page a.button:hover,
body.woocommerce-page button.button:hover,
body.woocommerce-page input.button:hover {
	background: var(--blue2);
	color: #fff;
}

body.woocommerce .woocommerce-message,
body.woocommerce .woocommerce-info,
body.woocommerce .woocommerce-error,
body.woocommerce-page .woocommerce-message,
body.woocommerce-page .woocommerce-info,
body.woocommerce-page .woocommerce-error {
	border-top-color: var(--blue);
	background: rgba(255, 255, 255, 0.78);
}

body.woocommerce input.input-text,
body.woocommerce textarea,
body.woocommerce select,
body.woocommerce-page input.input-text,
body.woocommerce-page textarea,
body.woocommerce-page select {
	min-height: 46px;
	border: 1px solid rgba(15, 24, 32, 0.2);
	border-radius: 0;
	background: #fff;
}

@media (max-width: 767px) {
	body.woocommerce #primary.site-main,
	body.woocommerce-page #primary.site-main,
	body.woocommerce #main.site-main {
		width: min(100% - 32px, 1180px);
	}
}