/*
 * EmotionPlus shared design layer.
 *
 * This file intentionally starts without visual overrides. Existing pages
 * must remain unchanged when the child theme is first activated. Common
 * ep-* components will be migrated here after visual regression checks.
 */

:root {
	--ep-color-ink: #102033;
	--ep-color-muted: #596a7d;
	--ep-color-accent: #21bad3;
	--ep-color-accent-secondary: #21d6aa;
	--ep-content-width: 1180px;
}

/*
 * Remove the legacy AFFINGER chrome from pages that provide their own
 * EmotionPlus presentation. Do not hide generic <header> elements because
 * page content such as the representative profile uses semantic headers.
 */
body.page-id-531 #header,
body.page-id-531 #headbox-bg,
body.page-id-531 #headbox,
body.page-id-531 #header-full,
body.page-id-531 #st-menuwide,
body.page-id-531 #st-menuwide-wrapper,
body.page-id-531 .st-header,
body.page-id-531 .st-menu,
body.page-id-222 #header,
body.page-id-222 #headbox-bg,
body.page-id-222 #headbox,
body.page-id-222 #header-full,
body.page-id-222 #st-menuwide,
body.page-id-222 #st-menuwide-wrapper,
body.page-id-222 .st-header,
body.page-id-222 .st-menu,
body.page-id-515 #header,
body.page-id-515 #headbox-bg,
body.page-id-515 #headbox,
body.page-id-515 #header-full,
body.page-id-515 #st-menuwide,
body.page-id-515 #st-menuwide-wrapper,
body.page-id-515 .st-header,
body.page-id-515 .st-menu {
	display: none !important;
}

body.page-id-531 #wrapper,
body.page-id-531 #wrapper-in,
body.page-id-531 #wrapperin,
body.page-id-531 #content-w,
body.page-id-531 #content,
body.page-id-531 #contentInner,
body.page-id-531 #main,
body.page-id-531 main,
body.page-id-531 article,
body.page-id-531 .post,
body.page-id-222 #wrapper,
body.page-id-222 #wrapper-in,
body.page-id-222 #wrapperin,
body.page-id-222 #content-w,
body.page-id-222 #content,
body.page-id-222 #contentInner,
body.page-id-222 #main,
body.page-id-222 main,
body.page-id-222 article,
body.page-id-222 .post {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background: #070b10 !important;
	color: #eaf2ff !important;
}

body.page-id-531,
body.page-id-222 {
	background: #070b10 !important;
	color: #eaf2ff !important;
}

body.page-id-531 #footer,
body.page-id-531 footer,
body.page-id-531 #footer-wrapper,
body.page-id-222 #footer,
body.page-id-222 footer,
body.page-id-222 #footer-wrapper {
	border-color: rgba(154, 190, 230, 0.16) !important;
	background: #0b121d !important;
	background-image: none !important;
	color: #b8c7d8 !important;
}

body.page-id-222 .ep-galaxy__overlay h2 {
	margin: 0 0 12px !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	color: #f8f8d8 !important;
	text-shadow: none !important;
}

/* Match the registration form to the existing Nishiarai local-service pages. */
body.page-id-515,
body.page-id-515 #wrapper,
body.page-id-515 #wrapper-in,
body.page-id-515 #wrapperin,
body.page-id-515 #content-w,
body.page-id-515 #content,
body.page-id-515 #contentInner,
body.page-id-515 #main,
body.page-id-515 main,
body.page-id-515 article,
body.page-id-515 .post {
	margin-top: 0 !important;
	padding-top: 0 !important;
	background: #f7f4ee !important;
	color: #231f1a !important;
}

body.page-id-411 #footer,
body.page-id-411 footer,
body.page-id-411 #footer-wrapper,
body.page-id-427 #footer,
body.page-id-427 footer,
body.page-id-427 #footer-wrapper,
body.page-id-498 #footer,
body.page-id-498 footer,
body.page-id-498 #footer-wrapper,
body.page-id-501 #footer,
body.page-id-501 footer,
body.page-id-501 #footer-wrapper,
body.page-id-515 #footer,
body.page-id-515 footer,
body.page-id-515 #footer-wrapper {
	border-top: 1px solid #ddd2c3 !important;
	background: #eee8de !important;
	background-image: none !important;
	color: #5d5147 !important;
}

body.page-id-411 #footer a,
body.page-id-411 footer a,
body.page-id-411 #footer-wrapper a,
body.page-id-427 #footer a,
body.page-id-427 footer a,
body.page-id-427 #footer-wrapper a,
body.page-id-498 #footer a,
body.page-id-498 footer a,
body.page-id-498 #footer-wrapper a,
body.page-id-501 #footer a,
body.page-id-501 footer a,
body.page-id-501 #footer-wrapper a,
body.page-id-515 #footer a,
body.page-id-515 footer a,
body.page-id-515 #footer-wrapper a {
	color: #6f351b !important;
}