/*
Theme Name: Kadence Child
Template: kadence
Version: 1.2
*/

/* =============================================
   HEADER — ALL PAGES
   Dark nav bar + white menu text on every page.
   ============================================= */

.site-header {
	position: relative;
}

.site-header-upper-wrap {
	background: transparent !important;
}

.site-main-header-wrap {
	position: relative !important;
}

/* Nav link colours — lighter weight */
.site-header #site-navigation a,
.site-header .main-navigation a {
	color: rgba(255, 255, 255, 0.85);
	font-weight: 300;
	letter-spacing: 0.08em;
}
.site-header #site-navigation a:hover,
.site-header .current-menu-item > a {
	color: #ffffff;
}

/* Hamburger icon: match nav link colour */
.menu-toggle-open {
	color: rgba(255, 255, 255, 0.85) !important;
}
.menu-toggle-open:hover {
	color: #ffffff !important;
}

/* =============================================
   HEADER — INNER PAGES (non-home)
   Dark gradient bar with scaled NW logo + menu.
   ============================================= */

body:not(.home) .site-header {
	background: linear-gradient(to bottom, #1c2e50 0%, #0d1c3a 100%) !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

/* Replace text with headtext.png, scaled to fit the bar */
body:not(.home) .site-branding .site-title {
	display: block;
	width: 260px;
	height: 70px;
	background: url('/wp-content/themes/kadence-child/images/headtext.png') no-repeat left center;
	background-size: contain;
	font-size: 0;
	color: transparent;
}

/* Ensure logo shows at tablet/mobile widths too */
body:not(.home) .site-title.vs-md-false {
	display: block !important;
	min-width: 150px !important;
	width: 260px !important;
	height: 70px !important;
	min-height: 70px !important;
}

@media (max-width: 1024px) {
	body:not(.home) .site-header-main-section-left .site-header-item[data-section="title_tagline"] {
		flex: 1 !important;
		min-width: 0;
	}
	body:not(.home) .site-header-main-section-left .site-branding {
		flex: 1 !important;
		min-width: 0;
	}
	body:not(.home) .site-header-main-section-left .site-title-wrap {
		flex: 1 !important;
		min-width: 0;
	}
}

/* =============================================
   HEADER — HOME PAGE ONLY
   Full blue background, logo image, portrait,
   dark gradient nav bar pinned to bottom.
   ============================================= */

/*
 * Two-layer background (always full viewport width):
 *   bottom 40px → dark gradient nav bar
 *   above → blue + headband texture
 */
body.home .site-header {
	background:
		linear-gradient(to bottom,
			transparent calc(100% - 40px),
			#1c2e50 calc(100% - 40px),
			#0d1c3a 100%),
		url('/wp-content/themes/kadence-child/images/headband.png') repeat-x 0 0 #021a58 !important;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
}

body.home .site-main-header-wrap {
	padding-bottom: 40px;
}

body.home .site-main-header-inner-wrap {
	flex-direction: row !important;
	align-items: center !important;
	min-height: 150px;
}

body.home .site-header-main-section-left {
	flex: 1;
	padding: 15px 250px 15px 20px;
	display: flex !important;
	align-items: center;
	box-sizing: border-box;
}

/* Replace text site title with headtext.png */
body.home .site-branding .site-title {
	display: block;
	width: 427px;
	max-width: 100%;
	height: 81px;
	background: url('/wp-content/themes/kadence-child/images/headtext.png') no-repeat left center;
	background-size: contain;
	font-size: 0;
	color: transparent;
	margin-top: -20px;
}

/* Portrait */
body.home .site-header::after {
	content: '';
	position: absolute;
	right: 20px;
	top: 0;
	width: 111px;
	height: 129px;
	background: url('/wp-content/themes/kadence-child/images/headaaa.png') no-repeat top center;
	background-size: contain;
	z-index: 200;
}

/* Nav pinned to bottom of the full-width .site-main-header-wrap */
body.home .site-header-main-section-right {
	position: absolute !important;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background: transparent !important;
	display: flex !important;
	align-items: center;
	padding: 0 20px;
	box-sizing: border-box;
	z-index: 100;
}

body.home .site-header #site-navigation,
body.home .site-header .header-menu-container {
	width: 100%;
}

body.home .site-header #primary-menu {
	flex-direction: row !important;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
}

/* =============================================
   RESPONSIVE HEADER — HOME PAGE
   ============================================= */

/* Kadence hides the title at medium viewports; override for home page */
body.home .site-title.vs-md-false {
	display: block !important;
}

@media (max-width: 1024px) {
	body.home .site-main-header-inner-wrap {
		min-height: 150px !important;
	}
	body.home .site-header-main-section-left {
		min-height: 130px !important;
		align-self: stretch !important;
		display: flex !important;
		align-items: center !important;
		padding: 15px 140px 15px 20px !important;
		box-sizing: border-box !important;
	}
	body.home .site-header-main-section-left .site-header-item[data-section="title_tagline"] {
		flex: 1 !important;
		min-width: 0;
	}
	body.home .site-header-main-section-left .site-branding {
		flex: 1 !important;
		width: 100% !important;
		min-width: 0;
	}
	body.home .site-header-main-section-left .site-title-wrap {
		flex: 1 !important;
		min-width: 0;
	}
	body.home .site-branding .site-title {
		width: 100% !important;
		min-width: 289px !important;
		min-height: 81px !important;
		height: 81px !important;
	}
}

/* =============================================
   REFLETTER PAGES
   ============================================= */

.single-refletter #primary {
	padding: 0 2rem;
}

@media (min-width: 768px) {
	.single-refletter #primary {
		padding: 0 4rem;
	}
}