/* Plank product pages: white background override (Doghe, Chevron 45, Chevron 90) */
body.page-id-379,
body.page-id-383,
body.page-id-385 {
	background-color: #ffffff;
}

/* Header and footer: always red with white text, sitewide, regardless of the page's own content background */
header.wp-block-template-part,
footer.wp-block-template-part {
	background-color: #75143A;
}
header.wp-block-template-part *,
footer.wp-block-template-part * {
	color: #ffffff;
}

/* Product pages (Doghe, Chevron 45, Chevron 90): 15% padding, horizontal only */
body.page-id-379 .entry-content,
body.page-id-383 .entry-content,
body.page-id-385 .entry-content {
	padding-left: 15% !important;
	padding-right: 15% !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Remove the 30% padding on mobile for the same 3 product pages */
@media (max-width: 600px) {
	body.page-id-379 .entry-content,
	body.page-id-383 .entry-content,
	body.page-id-385 .entry-content {
		padding: 0 !important;
	}
}

/* About us page: make the title whiter */
body.page-id-229 h1.wp-block-post-title {
	color: #ffffff;
}

/* Products dropdown: fix invisible white-on-white submenu, add polish */
/* Core's default .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background:#fff}
   rule has higher specificity (3 classes) than a simple 2-class override, so it was winning and keeping
   the dropdown white while our earlier white text rule (which DID have enough specificity) made the text
   white too — hence white-on-white. Fixed by matching/beating core's specificity and adding !important. */
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container {
	background-color: #5c0f2c !important;
	border: none !important;
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
	padding: 10px 0;
	min-width: 220px;
}

header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	color: #ffffff !important;
}

header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 12px 22px;
	white-space: nowrap;
	transition: background-color 0.15s ease, padding-left 0.15s ease;
}

header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus {
	background-color: rgba(255, 255, 255, 0.16) !important;
	padding-left: 28px;
}

/* Products dropdown submenu items: 30% larger font (22px base -> 28.6px). Only the Doghe/Chevron 45/Chevron 90 submenu links, not the top-level PRODUCTS/About menu voices */
header.wp-block-template-part .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
	font-size: 28.6px !important;
}

/* Top-level header menu voices (PRODUCTS, About): 18px. Direct children only, so the PRODUCTS submenu items (Doghe/Chevron 45/Chevron 90) are untouched */
header.wp-block-template-part .wp-block-navigation__container > .wp-block-navigation-item {
	font-size: 18px !important;
}