/**
 * Shared public-site skin for the More Than Human WordPress installation.
 * The palette follows the supplied N logo. It intentionally contains global
 * frontend selectors and is loaded separately from the shortcode stylesheet.
 */

:root {
	--mth-site-black: #030604;
	--mth-site-surface: #08100b;
	--mth-site-surface-raised: #0e1812;
	--mth-site-text: #f0f7f2;
	--mth-site-muted: #a8b9ad;
	--mth-site-yellow: #edff00;
	--mth-site-green: #77ff45;
	--mth-site-cyan: #00e7f2;
	--mth-site-border: rgba(122, 255, 126, 0.22);
	--mth-site-gradient: linear-gradient(105deg, var(--mth-site-yellow) 0%, var(--mth-site-green) 50%, var(--mth-site-cyan) 100%);
	--mth-site-content: 1200px;
	--mth-site-header-fallback: 72px;
	--mth-site-admin-offset: 0px;

}

html {
	scroll-padding-top: calc(var(--mth-site-admin-offset) + var(--mth-site-header-fallback) + 1rem);
}


body.admin-bar {
	--mth-site-admin-offset: 32px;
}


body :where(.site-header, #masthead, .wp-site-blocks > header, header.wp-block-template-part, .elementor-location-header) {
	position: sticky;
	z-index: 10000;
	top: var(--mth-site-admin-offset);
	margin: 0;
}

body :where(.site-header, #masthead, .wp-site-blocks > header, header.wp-block-template-part, .elementor-location-header) :where(.site-branding, .site-logo, .wp-block-site-logo) {
	flex: 0 0 auto;
}

body :where(.site-header, #masthead, .wp-site-blocks > header, header.wp-block-template-part, .elementor-location-header) :where(.custom-logo, .wp-block-site-logo img) {
	display: block;
	width: auto;
	max-width: min(220px, 44vw);
	height: clamp(38px, 5vw, 54px);
	object-fit: contain;
}

body :where(.site-title, .wp-block-site-title) {
	margin: 0;
	font-weight: 760;
	letter-spacing: 0;
	line-height: 1.1;
}

body :where(.site-title, .wp-block-site-title) a {
	color: inherit;
	text-decoration: none;
}

body :where(.site-description, .wp-block-site-tagline) {
	margin: 0.25rem 0 0;
	font-size: 0.85rem;
}


body :where(.main-navigation, .primary-navigation, .site-header nav, #masthead nav, .wp-block-template-part nav, .elementor-location-header nav) a {
	font-weight: 650;
	letter-spacing: 0;
	text-decoration: none;
	text-underline-offset: 0.28em;
}

body :where(.main-navigation, .primary-navigation, .site-header nav, #masthead nav, .wp-block-template-part nav, .elementor-location-header nav) a:hover,
body :where(.main-navigation, .primary-navigation, .site-header nav, #masthead nav, .wp-block-template-part nav, .elementor-location-header nav) a:focus-visible {
	color: var(--mth-site-cyan);
}

body :where(.main-navigation, .primary-navigation, .site-header nav, #masthead nav, .wp-block-template-part nav) :where(.current-menu-item, .current-menu-ancestor, .current_page_item) > a {
	color: var(--mth-site-yellow);
	text-decoration: underline;
	text-decoration-color: var(--mth-site-green);
	text-decoration-thickness: 2px;
}

body :where(.main-navigation, .primary-navigation, .site-header nav, #masthead nav, .wp-block-navigation) :where(.sub-menu, .wp-block-navigation__submenu-container) {
	border: 1px solid var(--mth-site-border);
	border-radius: 4px;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
}

body :where(.menu-toggle, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
	display: inline-grid;
	min-width: 44px;
	min-height: 44px;
	padding: 0.6rem;
	place-items: center;
	border: 1px solid rgba(0, 231, 242, 0.44);
	border-radius: 4px;
}

body :where(.entry-content, .site-main, main, .mth-seminar-layout) a:not(.wp-element-button):not(.wp-block-button__link):not(.mth-cta) {
	color: var(--mth-site-cyan);
	text-decoration-color: rgba(0, 231, 242, 0.62);
	text-underline-offset: 0.18em;
}

body :where(.entry-content, .site-main, main, .mth-seminar-layout) a:not(.wp-element-button):not(.wp-block-button__link):not(.mth-cta):hover {
	color: var(--mth-site-yellow);
	text-decoration-color: currentColor;
}

body :where(.wp-element-button, .wp-block-button__link, .mth-backend-edit-link a) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0.7rem 1rem;
	border: 1px solid rgba(237, 255, 0, 0.48);
	border-radius: 4px;
	color: #061009;
	font-weight: 730;
	text-decoration: none;
	background: var(--mth-site-gradient);
	box-shadow: 0 10px 28px rgba(0, 231, 242, 0.12);
}

body :where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--mth-site-cyan);
	outline-offset: 3px;
}

body ::selection {
	color: #020604;
	background: var(--mth-site-green);
}

body :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
	border: 1px solid rgba(168, 185, 173, 0.38);
	border-radius: 4px;
	color: var(--mth-site-text);
	background: var(--mth-site-surface-raised);
}

body :where(.site-footer, #colophon, .wp-site-blocks > footer, footer.wp-block-template-part) {
	border-top: 1px solid var(--mth-site-border);
	color: var(--mth-site-muted);
	background: var(--mth-site-surface);
}

/* Shared public presentation of the More-than-Human Seminar plugin. */
body .mth-seminar-layout {
	gap: clamp(1.5rem, 4vw, 3.5rem);
	max-width: var(--mth-site-content);
	margin-inline: auto;
	padding-inline: clamp(1rem, 3vw, 2rem);
}

body :where(.mth-seminar-page, .mth-seminar-summary) :where(h1, h2, h3, h4) {
	letter-spacing: 0;
}

body .mth-block-heading {
	padding-bottom: 0.45rem;
	border-bottom: 1px solid transparent;
	border-image: var(--mth-site-gradient) 1;
}

body .mth-context-nav {
	top: calc(var(--mth-site-header-fallback) + 1.25rem);
}

body .mth-context-nav-inner {
	padding: 1rem 1rem 1rem 1.15rem;
	border: 1px solid var(--mth-site-border);
	border-left: 3px solid var(--mth-site-green);
	border-radius: 4px;
	background: var(--mth-site-surface-raised);
	color: var(--mth-site-text);
}

body .mth-context-title {
	color: var(--mth-site-yellow);
}

body :where(.mth-seminar-index, .mth-context-nav) .is-current > span {
	color: var(--mth-site-yellow);
}

body .mth-prev-next-nav {
	padding-top: 1rem;
	border-top: 1px solid var(--mth-site-border);
}

body :where(.mth-literature-list, .mth-seminar-summary) {
	border-color: var(--mth-site-border);
}

body .mth-block-image img {
	border: 1px solid var(--mth-site-border);
	border-radius: 4px;
}

body .mth-block-image figcaption {
	color: var(--mth-site-muted);
}

@media (max-width: 900px) {
	:root {
		--mth-site-header-fallback: 64px;
	}

	body .mth-context-nav {
		top: auto;
	}
}

@media (max-width: 782px) {
	body.admin-bar {
		--mth-site-admin-offset: 46px;
	}

	body :where(.site-header, #masthead, .wp-site-blocks > header, header.wp-block-template-part, .elementor-location-header) {
		top: var(--mth-site-admin-offset);
		backdrop-filter: none;
	}

	body :where(.site-header, #masthead, .wp-site-blocks > header, header.wp-block-template-part, .elementor-location-header) :where(.custom-logo, .wp-block-site-logo img) {
		height: 42px;
	}

	body :where(.wp-block-navigation__responsive-container-content, .primary-menu-container, .menu-wrapper) {
		max-width: 100%;
	}
}


@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}