/*
 * Shared by cart.css and checkout.css: the live Core typefaces and colours, and a page with no
 * visible title or padding so the summary panel runs from header to footer.
 * Loaded on the cart, the checkout form and product pages (body.mylaw-core-page).
 */

@font-face {
	font-family: "PP Editorial New";
	src: url("../fonts/PPEditorialNew-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

.mylaw-core-page {
	--co-navy: #004376;
	--co-blue: #668ead;
	--co-muted: #99b4c8;
	--co-line: #ccd9e4;
	--co-tint: #f2f5f8;
	--co-panel: #f4f6f8;
	--co-orange: #f08200;
	--co-orange-hover: #f39b33;
	--co-pill: 666px;
	--co-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	--co-serif: "PP Editorial New", Georgia, "Times New Roman", serif;
}

.mylaw-core-page .page-content {
	padding-top: 0;
	padding-bottom: 0;
}

/* The page's <h1> stays for screen readers; the content has its own heading */
.mylaw-core-page .page-title {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

.mylaw-core-page .entry-content > .woocommerce {
	color: var(--co-navy);
	font-family: var(--co-sans);
}