/* ============================================================
   Pages rendered by page.php — cart, checkout, account, contacts.
   The template had no container at all, so the content sat flush
   against the viewport and slid under the (absolutely positioned,
   oversized) logo.
   ============================================================ */

.psu-page {
	max-width: 1400px;
	margin: 0 auto;
	/* --psu-header-bottom is measured in JS from the real header + logo box */
	padding: calc(var(--psu-header-bottom, 170px) + 24px) 32px 90px;
}

@media (max-width: 900px) {
	.psu-page {
		padding-left: 18px;
		padding-right: 18px;
	}
}

/* The theme styles the bare `header` element, not a class:
     header{position:absolute;top:55px;left:0;width:100%;height:58px;
            transform:translateY(-100%)}
   so an article's <header class="entry-header"> was being pulled out of the
   flow and thrown into the top-left corner, on top of the site header. Put it
   back into normal flow. */
.entry-header {
	position: static !important;
	top: auto !important;
	left: auto !important;
	width: auto !important;
	height: auto !important;
	z-index: auto !important;
	transform: none !important;
	transition: none !important;
	animation: none !important;
	background: none !important;
	box-shadow: none !important;
}

.psu-page .entry-header {
	margin: 0 0 28px;
}

/* Same trap on the footer element: the theme paints every <footer> with the big
   orange gradient, which would swallow an article's .entry-footer. */
.entry-footer {
	background: none !important;
	padding: 0 !important;
	margin: 24px 0 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
}

.psu-page .entry-title {
	font-family: "Amatic SC", "Ubuntu Sans", sans-serif;
	font-size: clamp(38px, 6vw, 64px);
	line-height: 1.05;
	color: #c23c08;
	margin: 0;
}

.psu-page .entry-content > * + * {
	margin-top: 18px;
}

/* --- WooCommerce cart / checkout blocks ------------------------------- */

.psu-page .wp-block-woocommerce-cart,
.psu-page .wp-block-woocommerce-checkout {
	max-width: none;
	margin: 0;
}

/* The block layout uses its own grid; just stop it from touching the edges
   and give the summary column some breathing room. */
.psu-page .wc-block-cart,
.psu-page .wc-block-checkout {
	gap: 40px;
}

.psu-page .wc-block-components-sidebar,
.psu-page .wc-block-cart__sidebar {
	padding-left: 8px;
}

.psu-page .wc-block-cart__submit-container,
.psu-page .wc-block-components-checkout-place-order-button {
	margin-top: 8px;
}

/* Buttons in the theme's voice. */
.psu-page .wc-block-cart__submit-button,
.psu-page .wc-block-components-checkout-place-order-button,
.psu-page .wc-block-components-button:not(.wc-block-components-button--text) {
	background: linear-gradient(102deg, #e0683a 2%, #c23c08 90%) !important;
	border: 0 !important;
	border-radius: 26px !important;
	color: #fff !important;
	font-family: "Ubuntu Sans", sans-serif !important;
	font-weight: 700 !important;
}

.psu-page .wc-block-components-button:not(.wc-block-components-button--text):hover {
	filter: brightness(1.07);
}

.psu-page a {
	color: #c23c08;
}

/* Empty-cart state was sitting alone on a very wide page. */
.psu-page .wp-block-woocommerce-empty-cart-block {
	max-width: 900px;
}

/* --- account page ----------------------------------------------------- */

.psu-page .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	margin: 0 0 26px;
}

.psu-page .woocommerce-MyAccount-navigation ul li a {
	font-weight: 700;
	text-decoration: none;
}

.psu-page .woocommerce-MyAccount-navigation ul li.is-active a {
	text-decoration: underline;
}


/* WordPress core paints .wp-block-button__link a dark slate; inside the cart's
   product grid that read as a disabled button. Match the site instead. */
.psu-page .wp-block-button__link,
.psu-page .wc-block-grid__product-add-to-cart .wp-block-button__link,
.psu-page .wc-block-product-template .wp-block-button__link {
	background: linear-gradient(102deg, #e0683a 2%, #c23c08 90%) !important;
	background-color: #c23c08 !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 24px !important;
	font-family: "Ubuntu Sans", sans-serif !important;
	font-weight: 700 !important;
	padding: 9px 20px !important;
}

.psu-page .wp-block-button__link:hover {
	filter: brightness(1.07);
}