/* Sticky header. Clear over hero, wood bar once scrolled (.is-scrolled from header-scroll.js). */
.site-header {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 50;
	padding: 14px clamp(56px, 6vw, 90px) !important;
	transition: background .5s ease, box-shadow .5s ease, padding .4s ease, backdrop-filter .5s ease;
}
.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header { top: 46px; } }

.site-header.is-scrolled {
	padding-block: 8px !important;
	background:
		url("../img/wood-grain.svg") center / 600px auto,
		linear-gradient(to bottom, rgba(40, 9, 9, .92), rgba(22, 6, 7, .9));
	backdrop-filter: blur(8px);
	box-shadow: 0 1px 0 var(--copper), 0 2px 0 rgba(0, 0, 0, .6), 0 10px 30px rgba(0, 0, 0, .55);
}

.site-header__bar { gap: 1.5rem; }

/* Brand plaque, as on the old site */
.brand-plaque {
	margin: 0;
	font-family: var(--wp--preset--font-family--display) !important;
	font-size: clamp(1.3rem, 2.4vw, 1.9rem) !important;
	font-weight: 700;
	letter-spacing: .14em;
	line-height: 1;
}
.brand-plaque a {
	display: inline-block;
	padding: .45em .8em .4em;
	color: var(--gold) !important;
	text-decoration: none;
	background:
		url("../img/wood-grain.svg") center / 300px auto,
		linear-gradient(to bottom, #4a0d0b, var(--maroon));
	border: 3px solid var(--copper);
	border-radius: 10px;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(240, 200, 120, .3), 0 4px 16px rgba(0, 0, 0, .6);
	text-shadow: 0 0 12px color-mix(in srgb, var(--aura) 45%, transparent), 0 1px 0 #000;
	transition: box-shadow .4s ease, color .4s ease;
}
.brand-plaque a:hover {
	color: var(--gold-light) !important;
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .6), 0 0 15px 5px color-mix(in srgb, var(--aura) 50%, transparent);
}

/* Nav pills */
.site-nav .wp-block-navigation__container { gap: .6rem; }
.site-nav .wp-block-navigation-item__content {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 600;
	font-size: .9rem;
	letter-spacing: .1em;
	padding: .45em 1.15em !important;
	color: var(--gold-muted);
	background: linear-gradient(to bottom, rgba(74, 13, 11, .92), rgba(53, 8, 8, .92));
	border: 2px solid var(--copper);
	border-radius: 15px;
	transition: box-shadow .3s ease, color .3s ease, filter .3s ease;
}
.site-nav .wp-block-navigation-item__content:hover,
.site-nav .current-menu-item > .wp-block-navigation-item__content,
.site-nav [aria-current="page"] {
	color: var(--gold-light);
	box-shadow: 0 0 15px 5px color-mix(in srgb, var(--aura) 50%, transparent);
	filter: brightness(1.1);
}
.site-nav .wp-block-navigation__submenu-icon { color: var(--gold-muted); margin-left: -.4rem; }

/* Dropdown as small plaque */
.site-nav .wp-block-navigation__submenu-container {
	padding: .5rem !important;
	gap: .4rem;
	background: linear-gradient(to bottom, rgba(40, 9, 9, .97), rgba(20, 6, 7, .97)) !important;
	border: 2px solid var(--copper) !important;
	border-radius: 12px;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .65);
	min-width: 190px !important;
	margin-top: 6px;
}
.site-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	width: 100%;
	border-color: rgba(171, 112, 53, .5);
}

/* Mobile overlay */
.site-nav .wp-block-navigation__responsive-container-open,
.site-nav .wp-block-navigation__responsive-container-close { color: var(--gold); }
.site-nav .wp-block-navigation__responsive-container-open {
	padding: .45rem;
	border: 2px solid var(--copper);
	border-radius: 10px;
	background: var(--maroon);
}
.site-nav .wp-block-navigation__responsive-container.is-menu-open {
	background:
		radial-gradient(ellipse at 50% 20%, rgba(155, 123, 212, .18), transparent 60%),
		url("../img/wood-grain.svg") center / 600px auto,
		var(--ink) !important;
	padding: 2rem !important;
}
.site-nav .is-menu-open .wp-block-navigation__container { gap: 1rem; align-items: center !important; }
.site-nav .is-menu-open .wp-block-navigation-item__content { font-size: 1.15rem; min-width: 220px; text-align: center; justify-content: center; }
.site-nav .is-menu-open .wp-block-navigation__submenu-container { background: transparent !important; border: 0 !important; box-shadow: none; align-items: center; }

/* Footer */
.site-footer {
	position: relative;
	z-index: 1;
	padding: var(--wp--preset--spacing--50) 1rem var(--wp--preset--spacing--40) !important;
	background: linear-gradient(to bottom, transparent, rgba(11, 7, 9, .85) 40%);
	text-align: center;
}
.site-footer__motto {
	font-family: var(--wp--preset--font-family--display);
	letter-spacing: .18em;
	color: var(--gold-muted);
	font-size: .95rem;
}
.site-footer__nav .wp-block-navigation-item__content {
	color: var(--ash);
	font-size: .9rem;
	letter-spacing: .08em;
}
.site-footer__nav .wp-block-navigation-item__content:hover { color: var(--gold-light); }
.site-footer__credit { color: rgba(184, 166, 144, .65); font-size: .8rem; }
.site-nav .is-menu-open .wp-block-navigation__submenu-container { padding: 0 !important; gap: 1rem; margin: 0; width: auto; }
.site-nav .is-menu-open .wp-block-navigation-item { align-items: center !important; width: 100%; }
.site-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-size: 1rem; min-width: 200px; opacity: .9; }
.site-nav .is-menu-open .wp-block-navigation-item__content { color: var(--gold) !important; }
.site-nav .is-menu-open .wp-block-navigation__submenu-container { align-items: center !important; left: auto !important; }
.site-nav .is-menu-open .has-child { display: flex; flex-direction: column; align-items: center !important; gap: 1rem; }
.site-nav .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { justify-content: center; }
.site-nav .is-menu-open .wp-block-navigation__responsive-container-content { align-items: center !important; width: 100%; padding: 2rem 0 0 !important; }
.site-nav .is-menu-open .wp-block-navigation__container { width: 100%; }

/* Invisible bridge over the gap so hover survives the trip to the dropdown */
.site-nav .wp-block-navigation__submenu-container::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -14px;
	height: 14px;
}