/* ==========================================================================
   NetWise-V2 — Civic redesign overlay (demo/test only)
   Applies the navy / brass / moss palette from the phase 2–3 mockups on
   top of the theme's real markup. Loaded after bundle.css and
   nw-next-meeting.css. Not intended for the shared production theme —
   this is a visual exploration on the isolated test install only.
   ========================================================================== */

:root {
	--nw-navy: #1C2B3A;
	--nw-navy-line: #33465A;
	--nw-parchment: #F7F4EC;
	--nw-nav-bg: #EDE9DC;
	--nw-nav-line: #DCD6C5;
	--nw-brass: #A9793D;
	--nw-brass-dark: #6B5228;
	--nw-brass-light: #D9B98B;
	--nw-moss: #46614B;
	--nw-charcoal: #22262B;
	--nw-slate: #5B6570;
}

/* Topbar
   ---------------------------------------------------------------------- */
.top-bar {
	background-color: var(--nw-navy) !important;
	border-bottom: 1px solid var(--nw-navy-line);
}

.top-bar,
.top-bar a,
.top-bar .tb-left,
.top-bar .tb-right {
	color: #C9D2DA !important;
}

.top-bar a:hover,
.top-bar a:focus {
	color: #ffffff !important;
}

/* Header row (logo/title area)
   ---------------------------------------------------------------------- */
.site-header {
	background-color: var(--nw-parchment);
}

.custom-logo,
img.custom-logo,
a.custom-logo-link img {
	height: 83px !important;
	width: auto !important;
	max-width: none !important;
	max-height: none !important;
}

@media (max-width: 991.98px) {
	.custom-logo,
	img.custom-logo,
	a.custom-logo-link img {
		height: 62px !important;
	}
}

.header--inner {
	background-color: var(--nw-parchment);
}

.site-title a {
	font-family: var(--nw-heading-font, 'Newsreader', Georgia, serif);
	color: var(--nw-charcoal) !important;
}

.site-title a:hover {
	color: var(--nw-brass-dark) !important;
}

/* Primary nav bar
   ---------------------------------------------------------------------- */
.primary-navigation.bg-primary,
.navbar.bg-primary.primary-navigation {
	background-color: var(--nw-navy) !important;
}

.primary-navigation .nav-link,
.primary-navigation .navbar-nav .nav-link {
	color: #E7EAED !important;
	font-family: 'Newsreader', Georgia, serif;
	font-size: 0.85rem;
	font-weight: 500;
}

.primary-navigation .nav-link:hover,
.primary-navigation .nav-link:focus,
.primary-navigation .nav-item.focus > .nav-link {
	color: var(--nw-brass-light) !important;
}

.primary-navigation .navbar-toggler,
.primary-navigation .animated-icon2 span {
	background-color: #003366;
}

/* Mega menu (existing ACF-driven dropdown)
   ---------------------------------------------------------------------- */
.dropdown-menu {
	background-color: var(--nw-parchment) !important;
	border: none !important;
	border-top: 2px solid var(--nw-brass) !important;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
	border-radius: 0 0 8px 8px !important;
}

.dropdown-menu .mm-title {
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--nw-brass-dark) !important;
	margin-bottom: 8px;
}

.dropdown-menu .sub-item a {
	color: var(--nw-charcoal) !important;
	text-decoration: none;
}

.dropdown-menu .sub-item a:hover {
	color: var(--nw-brass-dark) !important;
	text-decoration: underline;
}

/* Next-meeting pill — aligned to the moss token used here */
.nw-next-meeting {
	background-color: var(--nw-moss) !important;
}

.nw-next-meeting:hover,
.nw-next-meeting:focus {
	background-color: #384f3d !important;
}

/* Header--right row: pill sits inline with the search bar, same row as the logo */
.header--right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	flex-wrap: wrap;
}

.header--right .header-search {
	flex: none;
	width: 345px;
	max-width: 100%;
	display: flex;
	align-items: center;
	margin-top: 8px;
}

.header--right .header-search .header-form {
	max-width: none !important;
	width: 100%;
}

.header--right .header-search .form-group {
	width: 100%;
}

.header--right .header-search input.search-query {
	width: 100%;
}

.header--right .nw-next-meeting {
	flex: none;
	margin-top: -6px;
}

/* Footer
   ---------------------------------------------------------------------- */
.site-footer {
	background-color: var(--nw-navy) !important;
	color: #C9D2DA;
}

.site-footer .widget-title {
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	color: var(--nw-brass-light) !important;
}

/* First footer column (About/site name) reads as a heading, not a label */
.sidebar-footer .row > div:first-child .widget-title,
.footer-1,
.site-footer .row > div:first-child .widget-title {
	font-family: var(--nw-heading-font, 'Newsreader', Georgia, serif);
	font-size: 1rem;
	font-weight: 500;
	text-transform: none;
	letter-spacing: normal;
	color: #F0F2F4 !important;
	margin-bottom: 8px;
}

.site-footer .widget-content,
.site-footer .widget-content a,
.site-footer .footer_links a {
	color: #C9D2DA !important;
	text-decoration: none;
}

.site-footer .widget-content a:hover,
.site-footer .footer_links a:hover {
	color: #ffffff !important;
	text-decoration: underline;
}

.footer-copyrights {
	background-color: #16212C !important;
	color: #8B98A5 !important;
	border-top: 1px solid var(--nw-navy-line);
}

.footer-copyrights a {
	color: #C9D2DA !important;
	text-decoration: underline;
}

/* WCAG badge: keep it on the same row as the copyright text, pinned right */
@media (min-width: 992px) {
	.footer-copyrights .row {
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
	}

	.footer-copyrights .row > div:first-child {
		flex: 1 1 auto !important;
		max-width: none !important;
		width: auto !important;
	}

	.nw-wcag-badge {
		flex: none !important;
		margin-left: 16px;
		text-align: right;
	}
}