/*
Theme Name: Music Chamber
Theme URI: https://example.com/music-chamber
Author: Custom Theme
Description: A minimalist full-site editing theme inspired by the supplied cultural foundation homepage.
Requires at least: 7.0
Tested up to: 7.0.2
Requires PHP: 8.1
Version: 1.0.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: music-chamber
Tags: block-patterns, full-site-editing, custom-logo, custom-menu, featured-images, wide-blocks
*/

:root {
	--mc-border: #e7e7e7;
	--mc-text: #252525;
}

html {
	scroll-behavior: smooth;
}

body {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.18em;
}

.mc-site-header {
	background: #fff;
	--wp--style--block-gap: 0;
}

.mc-site-header > * {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.mc-brand-row {
	min-height: 112px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid var(--mc-border);
}

.mc-brand-row .wp-block-image {
	margin: 0;
}

.mc-brand-row img {
	display: block;
	width: auto;
	max-width: min(170px, 52vw);
	height: auto;
}

.mc-navigation-row {
	min-height: 46px;
	border-bottom: 1px solid #d6d6d6;
}

.mc-navigation-inner {
	min-height: 45px;
	gap: clamp(24px, 4vw, 72px);
	margin-block: 0 !important;
	flex-wrap: nowrap !important;
}

.mc-navigation-row .wp-block-navigation {
	flex: 1 1 0;
	min-width: 0;
	max-width: 100%;
}

.mc-navigation-row .wp-block-navigation__container {
	gap: clamp(25px, 3.1vw, 58px);
	flex-wrap: nowrap;
}

.mc-primary-navigation .wp-block-navigation__responsive-container,
.mc-primary-navigation .wp-block-navigation__responsive-container-content {
	min-width: 0;
	max-width: 100%;
}

.mc-primary-navigation .wp-block-page-list {
	display: flex;
	flex-wrap: nowrap !important;
	align-items: center;
	gap: clamp(25px, 3.1vw, 58px);
	width: max-content;
	max-width: none;
	margin: 0;
	padding: 0;
}

.mc-navigation-row .wp-block-navigation-item__content {
	padding-block: 9px;
	letter-spacing: 0.1em;
	text-decoration: none;
	white-space: nowrap;
}

.mc-navigation-row .wp-block-search {
	flex: 0 1 190px;
	margin: 0;
}

.mc-navigation-row .wp-block-search__inside-wrapper {
	border: 0;
	border-radius: 0;
	padding: 0;
}

.mc-navigation-row .wp-block-search__input {
	min-width: 0;
	border: 0;
	background: transparent;
	font-size: 13px;
	padding: 9px 8px;
}

.mc-navigation-row .wp-block-search__button {
	background: transparent;
	color: #313131;
	padding: 8px;
}

.mc-more-menu {
	position: relative;
	flex: 0 0 auto;
}

.mc-more-menu__toggle {
	appearance: none;
	border: 0;
	background: transparent;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	letter-spacing: 0.1em;
	line-height: inherit;
	padding: 9px 0;
	white-space: nowrap;
}

.mc-more-menu__items {
	position: absolute;
	z-index: 100;
	top: 100%;
	right: 0;
	display: none;
	box-sizing: border-box;
	min-width: 210px;
	margin: 0;
	padding: 8px 0;
	border: 1px solid #e3e3e3;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	list-style: none;
}

.mc-more-menu:hover > .mc-more-menu__items,
.mc-more-menu:focus-within > .mc-more-menu__items,
.mc-more-menu.is-open > .mc-more-menu__items {
	display: block;
}

.mc-more-menu__items > .wp-block-navigation-item {
	display: flex;
	width: 100%;
}

.mc-more-menu__items > .wp-block-navigation-item > .wp-block-navigation-item__content {
	box-sizing: border-box;
	width: 100%;
	padding: 8px 18px;
	white-space: nowrap;
}

.mc-more-menu__items .wp-block-navigation__submenu-container {
	top: -1px;
	right: 100%;
	left: auto;
}

.mc-hero {
	min-height: clamp(340px, 27vw, 450px);
}

.mc-hero .wp-block-cover__image-background {
	object-position: center center;
}

.mc-hero-title {
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.mc-page-content {
	min-height: 180px;
	padding-top: clamp(32px, 5vw, 72px);
	padding-bottom: clamp(48px, 7vw, 96px);
}

.mc-page-content:has(.wp-block-post-content:empty) {
	padding: 0;
	min-height: 120px;
}

.mc-site-footer {
	border-top: 1px solid var(--mc-border);
}

@media (max-width: 781px) {
	.mc-brand-row {
		min-height: 90px;
	}

	.mc-navigation-row {
		padding-inline: 20px !important;
	}

	.mc-navigation-inner {
		justify-content: space-between;
	}

	.mc-navigation-row .wp-block-navigation {
		flex: 0 0 auto;
	}

	.mc-navigation-row .wp-block-navigation__container {
		width: auto;
	}

	.mc-primary-navigation .wp-block-page-list {
		display: block;
		width: auto;
	}

	.mc-navigation-row .wp-block-search {
		flex-basis: min(190px, 58vw);
	}

	.mc-hero {
		min-height: 360px;
	}

	.mc-hero .wp-block-cover__image-background {
		object-position: 68% center;
	}

	.mc-hero-title {
		max-width: 15em;
		font-size: clamp(22px, 6vw, 28px) !important;
	}
}

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