/* BKDL Header Footer. Every selector is scoped to .bkdl-header or .bkdl-footer. */

.bkdl-header,
.bkdl-footer {
	--bkdl-navy: #142d4e;
	--bkdl-navy-deep: #091d33;
	--bkdl-navy-tint: #e8eef6;
	--bkdl-amber: #f4a21b;
	--bkdl-amber-hover: #e8950c;
	--bkdl-white: #ffffff;
	--bkdl-surface-alt: #f4f6f9;
	--bkdl-ink: #1a2433;
	--bkdl-muted: #687589;
	--bkdl-on-dark: #b9c6d8;
	--bkdl-line: #d9dfe7;
	--bkdl-line-strong: #7a8699;
	--bkdl-radius: 10px;
	--bkdl-max: 1200px;
	--bkdl-gutter: 32px;
	--bkdl-font: "Be Vietnam Pro", "Segoe UI", Arial, sans-serif;
	font-family: var(--bkdl-font);
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
}

.bkdl-header *,
.bkdl-header *::before,
.bkdl-header *::after,
.bkdl-footer *,
.bkdl-footer *::before,
.bkdl-footer *::after {
	box-sizing: border-box;
}

.bkdl-header .bkdl-sr,
.bkdl-footer .bkdl-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.bkdl-header .bkdl-icon,
.bkdl-footer .bkdl-icon {
	display: block;
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
}

.bkdl-header .bkdl-icon--sm { width: 16px; height: 16px; }
.bkdl-footer .bkdl-icon--xs { width: 14px; height: 14px; }

/* ================= Header ================= */

.bkdl-header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 100;
	background: var(--bkdl-white);
	border-bottom: 1px solid var(--bkdl-line);
	box-shadow: 0 2px 10px rgba(20, 45, 78, 0.06);
}

.bkdl-header .bkdl-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: var(--bkdl-max);
	min-height: 80px;
	margin: 0 auto;
	padding: 0 var(--bkdl-gutter);
}

.bkdl-header .bkdl-brand {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	text-decoration: none;
	border-radius: 6px;
}

.bkdl-header .bkdl-brand__logo {
	display: block;
	width: auto;
	height: 54px;
	max-width: none;
}

.bkdl-header .bkdl-brand__text,
.bkdl-footer .bkdl-brand__text {
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0.5px;
}

.bkdl-header .bkdl-brand__navy { color: var(--bkdl-navy); }
.bkdl-header .bkdl-brand__amber,
.bkdl-footer .bkdl-brand__amber { color: var(--bkdl-amber); }
.bkdl-footer .bkdl-brand__white { color: var(--bkdl-white); }

/* Navigation */
.bkdl-header .bkdl-nav {
	flex: 1 1 auto;
	display: flex;
	justify-content: center;
}

.bkdl-header .bkdl-nav__list,
.bkdl-header .bkdl-nav__sub {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bkdl-header .bkdl-nav__list {
	display: flex;
	align-items: center;
	gap: 4px;
}

.bkdl-header .bkdl-nav__item {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
}

.bkdl-header .bkdl-nav__link {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 8px 12px;
	border-radius: 6px;
	color: var(--bkdl-ink);
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	transition: color 150ms ease, background-color 150ms ease;
}

.bkdl-header .bkdl-nav__link:hover,
.bkdl-header .bkdl-nav__link:focus-visible {
	color: var(--bkdl-navy);
	background: var(--bkdl-surface-alt);
}

/* Current page: navy text and an amber underline. */
.bkdl-header .bkdl-nav__item--top.is-current > .bkdl-nav__link {
	color: var(--bkdl-navy);
	font-weight: 700;
}

.bkdl-header .bkdl-nav__item--top.is-current > .bkdl-nav__link::after {
	content: "";
	position: absolute;
	left: 12px;
	right: 12px;
	bottom: 2px;
	height: 3px;
	border-radius: 3px;
	background: var(--bkdl-amber);
}

.bkdl-header .bkdl-has-sub > .bkdl-nav__link {
	padding-right: 4px;
}

.bkdl-header button.bkdl-nav__sub-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--bkdl-ink);
	cursor: pointer;
	box-shadow: none;
}

.bkdl-header button.bkdl-nav__sub-toggle:hover,
.bkdl-header button.bkdl-nav__sub-toggle:focus {
	background: var(--bkdl-surface-alt);
	color: var(--bkdl-navy);
}

.bkdl-header .bkdl-nav__sub-toggle .bkdl-icon {
	transition: transform 150ms ease;
}

.bkdl-header .bkdl-has-sub.is-open > .bkdl-nav__sub-toggle .bkdl-icon {
	transform: rotate(180deg);
}

/* Dropdown (desktop) */
.bkdl-header .bkdl-nav__sub {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	display: none;
	min-width: 260px;
	padding: 8px;
	background: var(--bkdl-white);
	border: 1px solid var(--bkdl-line);
	border-radius: var(--bkdl-radius);
	box-shadow: 0 12px 28px rgba(20, 45, 78, 0.16);
}

/* Hover opens on desktop; keyboard and touch use the toggle button (is-open).
   Without JavaScript, focus inside the item also opens it. */
.bkdl-header .bkdl-has-sub:hover > .bkdl-nav__sub,
.bkdl-header.bkdl-nojs .bkdl-has-sub:focus-within > .bkdl-nav__sub,
.bkdl-header .bkdl-has-sub.is-open > .bkdl-nav__sub {
	display: block;
}

/* After Escape closes a dropdown, keep it closed even while the pointer is still over it. */
.bkdl-header .bkdl-has-sub.is-closed > .bkdl-nav__sub {
	display: none;
}

/* Hover bridge so the menu does not close when the pointer crosses the gap. */
.bkdl-header .bkdl-has-sub > .bkdl-nav__sub::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -8px;
	height: 8px;
}

.bkdl-header .bkdl-nav__sub .bkdl-nav__link {
	width: 100%;
	font-size: 15px;
	font-weight: 500;
}

.bkdl-header .bkdl-nav__item--sub {
	display: block;
}

/* Actions */
.bkdl-header .bkdl-header__actions {
	display: flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
}

.bkdl-header a.bkdl-call {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 48px;
	padding: 12px 22px;
	border: 2px solid var(--bkdl-amber);
	border-radius: var(--bkdl-radius);
	background: var(--bkdl-amber);
	color: var(--bkdl-navy);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.5px;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 150ms ease, border-color 150ms ease, box-shadow 150ms ease;
}

.bkdl-header a.bkdl-call:hover {
	background: var(--bkdl-amber-hover);
	border-color: var(--bkdl-amber-hover);
	color: var(--bkdl-navy);
	box-shadow: 0 6px 16px rgba(20, 45, 78, 0.18);
}

.bkdl-header a.bkdl-call:active {
	box-shadow: none;
	transform: translateY(1px);
}

.bkdl-header button.bkdl-menu-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--bkdl-line-strong);
	border-radius: var(--bkdl-radius);
	background: var(--bkdl-white);
	color: var(--bkdl-navy);
	cursor: pointer;
	box-shadow: none;
}

.bkdl-header button.bkdl-menu-toggle:hover,
.bkdl-header button.bkdl-menu-toggle:focus {
	background: var(--bkdl-surface-alt);
	color: var(--bkdl-navy);
	border-color: var(--bkdl-navy);
}

.bkdl-header .bkdl-menu-toggle .bkdl-icon { width: 26px; height: 26px; }
.bkdl-header .bkdl-menu-toggle__close { display: none; }
.bkdl-header .bkdl-menu-toggle[aria-expanded="true"] .bkdl-menu-toggle__open { display: none; }
.bkdl-header .bkdl-menu-toggle[aria-expanded="true"] .bkdl-menu-toggle__close { display: block; }

/* Focus rings */
.bkdl-header a:focus-visible,
.bkdl-header button:focus-visible {
	outline: 2px solid var(--bkdl-navy);
	outline-offset: 3px;
}

/* Tablet with a horizontal menu: tighter spacing. */
@media (max-width: 1199px) {
	.bkdl-header { --bkdl-gutter: 24px; }
	.bkdl-header .bkdl-header__inner { gap: 16px; }
	.bkdl-header .bkdl-brand__logo { height: 48px; }
	.bkdl-header .bkdl-nav__list { gap: 0; }
	.bkdl-header .bkdl-nav__link { padding: 8px 10px; font-size: 15px; }
	.bkdl-header .bkdl-nav__item--top.is-current > .bkdl-nav__link::after { left: 10px; right: 10px; }
	.bkdl-header a.bkdl-call { padding: 10px 16px; }
}

/* Hamburger menu below 1024px. The open menu pushes content down instead of covering it. */
@media (max-width: 1023px) {
	.bkdl-header .bkdl-header__inner {
		flex-wrap: wrap;
		min-height: 72px;
		row-gap: 0;
	}

	.bkdl-header .bkdl-brand { order: 1; }
	.bkdl-header .bkdl-header__actions { order: 2; }
	.bkdl-header button.bkdl-menu-toggle { display: inline-flex; }

	.bkdl-header .bkdl-nav {
		order: 3;
		flex: 1 1 100%;
		display: none;
		justify-content: flex-start;
		margin: 0 calc(var(--bkdl-gutter) * -1);
		padding: 8px var(--bkdl-gutter) 16px;
		border-top: 1px solid var(--bkdl-line);
	}

	.bkdl-header .bkdl-nav.is-open,
	.bkdl-header.bkdl-nojs .bkdl-nav {
		display: block;
	}

	.bkdl-header .bkdl-nav__list {
		flex-direction: column;
		align-items: stretch;
		gap: 2px;
	}

	.bkdl-header .bkdl-nav__item--top {
		flex-wrap: wrap;
	}

	.bkdl-header .bkdl-nav__item--top > .bkdl-nav__link {
		flex: 1 1 auto;
		min-height: 48px;
		padding: 12px 16px;
		font-size: 16px;
	}

	.bkdl-header .bkdl-nav__item--top.is-current > .bkdl-nav__link {
		background: var(--bkdl-navy-tint);
	}

	.bkdl-header .bkdl-nav__item--top.is-current > .bkdl-nav__link::after {
		left: 0;
		right: auto;
		top: 10px;
		bottom: 10px;
		width: 3px;
		height: auto;
	}

	.bkdl-header button.bkdl-nav__sub-toggle {
		width: 48px;
		height: 48px;
	}

	.bkdl-header .bkdl-nav__sub {
		position: static;
		flex: 1 1 100%;
		min-width: 0;
		padding: 4px 0 8px 16px;
		border: 0;
		border-radius: 0;
		box-shadow: none;
	}

	/* On touch screens, the submenu opens only through its toggle button. */
	.bkdl-header .bkdl-has-sub:hover > .bkdl-nav__sub,
	.bkdl-header.bkdl-nojs .bkdl-has-sub:focus-within > .bkdl-nav__sub {
		display: none;
	}

	.bkdl-header .bkdl-has-sub.is-open > .bkdl-nav__sub,
	.bkdl-header.bkdl-nojs .bkdl-nav__sub {
		display: block;
	}

	.bkdl-header .bkdl-nav__sub .bkdl-nav__link {
		min-height: 44px;
		padding: 10px 16px;
		color: var(--bkdl-muted);
	}
}

/* Phone */
@media (max-width: 767px) {
	.bkdl-header { --bkdl-gutter: 16px; }
	.bkdl-header .bkdl-header__inner { min-height: 64px; gap: 8px; }
	.bkdl-header .bkdl-brand__logo { height: 42px; }
	.bkdl-header a.bkdl-call {
		width: 44px;
		height: 44px;
		min-height: 44px;
		padding: 0;
	}
	.bkdl-header .bkdl-call__text {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
	.bkdl-header button.bkdl-menu-toggle { width: 44px; height: 44px; }
}

@media (max-width: 600px) {
	.bkdl-header { top: 0; }
}

@media (max-width: 359px) {
	.bkdl-header .bkdl-brand__logo { height: 36px; }
}

/* ================= Footer ================= */

.bkdl-footer {
	background: var(--bkdl-navy-deep);
	color: var(--bkdl-on-dark);
	font-size: 15px;
	line-height: 1.65;
}

.bkdl-footer .bkdl-footer__main {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr);
	gap: 48px 40px;
	max-width: var(--bkdl-max);
	margin: 0 auto;
	padding: 64px var(--bkdl-gutter) 48px;
}

.bkdl-footer .bkdl-footer__col {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.bkdl-footer .bkdl-footer__brand {
	display: inline-flex;
	align-self: flex-start;
	border-radius: 6px;
}

.bkdl-footer .bkdl-footer__logo {
	display: block;
	width: auto;
	height: 60px;
	max-width: 100%;
}

.bkdl-footer p {
	margin: 0;
}

.bkdl-footer .bkdl-footer__slogan {
	color: var(--bkdl-white);
	font-weight: 600;
}

.bkdl-footer .bkdl-footer__about {
	color: var(--bkdl-on-dark);
}

.bkdl-footer .bkdl-footer__title {
	margin: 0 0 4px;
	padding: 0;
	color: var(--bkdl-amber);
	font-family: var(--bkdl-font);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.bkdl-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bkdl-footer li {
	margin: 0;
}

/* Highlights */
.bkdl-footer .bkdl-highlights {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.bkdl-footer .bkdl-highlights__item {
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--bkdl-white);
	font-weight: 500;
}

.bkdl-footer .bkdl-highlights__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	flex: 0 0 auto;
	border-radius: 8px;
	background: rgba(244, 162, 27, 0.14);
	color: var(--bkdl-amber);
}

.bkdl-footer .bkdl-highlights__icon .bkdl-icon { width: 18px; height: 18px; }

/* Social */
.bkdl-footer .bkdl-social {
	display: flex;
	gap: 8px;
}

.bkdl-footer a.bkdl-social__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: var(--bkdl-radius);
	color: var(--bkdl-white);
	transition: border-color 150ms ease, color 150ms ease;
}

.bkdl-footer a.bkdl-social__link:hover {
	border-color: var(--bkdl-amber);
	color: var(--bkdl-amber);
}

/* Link lists */
.bkdl-footer .bkdl-flist {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bkdl-footer a.bkdl-flist__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 36px;
	padding: 4px 0;
	color: var(--bkdl-white);
	text-decoration: none;
	transition: color 150ms ease;
}

.bkdl-footer a.bkdl-flist__link .bkdl-icon {
	color: var(--bkdl-amber);
	transition: transform 150ms ease;
}

.bkdl-footer a.bkdl-flist__link:hover {
	color: var(--bkdl-amber);
}

.bkdl-footer a.bkdl-flist__link:hover .bkdl-icon {
	transform: translateX(2px);
}

/* Contact */
.bkdl-footer .bkdl-contact {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.bkdl-footer .bkdl-contact__row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.bkdl-footer .bkdl-contact__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	flex: 0 0 auto;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.08);
	color: var(--bkdl-amber);
}

.bkdl-footer .bkdl-contact__body {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.bkdl-footer .bkdl-contact__label {
	color: var(--bkdl-on-dark);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.bkdl-footer .bkdl-contact__value {
	color: var(--bkdl-white);
	overflow-wrap: anywhere;
}

.bkdl-footer a.bkdl-contact__value {
	text-decoration: none;
}

.bkdl-footer a.bkdl-contact__value:hover {
	color: var(--bkdl-amber);
}

.bkdl-footer .bkdl-contact__value--strong {
	font-size: 17px;
	font-weight: 700;
}

/* Admin-only reminders */
.bkdl-footer .bkdl-contact__row--admin,
.bkdl-footer .bkdl-admin-note {
	padding: 8px 10px;
	border: 1px dashed rgba(244, 162, 27, 0.6);
	border-radius: 8px;
	font-size: 13px;
}

.bkdl-footer .bkdl-contact__row--admin .bkdl-contact__value,
.bkdl-footer .bkdl-admin-note {
	color: #ffd99a;
}

.bkdl-footer .bkdl-contact__row--admin a,
.bkdl-footer .bkdl-admin-note a {
	color: var(--bkdl-white);
	text-decoration: underline;
}

/* Bottom bar */
.bkdl-footer .bkdl-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 8px 24px;
	max-width: var(--bkdl-max);
	margin: 0 auto;
	padding: 20px var(--bkdl-gutter);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	font-size: 14px;
}

.bkdl-footer .bkdl-footer__copy {
	color: var(--bkdl-on-dark);
}

.bkdl-footer .bkdl-legal {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 20px;
}

.bkdl-footer .bkdl-legal a.bkdl-flist__link {
	min-height: 36px;
	color: var(--bkdl-on-dark);
}

.bkdl-footer .bkdl-legal a.bkdl-flist__link:hover {
	color: var(--bkdl-amber);
}

.bkdl-footer a:focus-visible {
	outline: 2px solid var(--bkdl-amber);
	outline-offset: 3px;
	border-radius: 4px;
}

@media (max-width: 1199px) {
	.bkdl-footer { --bkdl-gutter: 24px; }
	.bkdl-footer .bkdl-footer__main { gap: 40px 32px; }
}

@media (max-width: 1023px) {
	.bkdl-footer .bkdl-footer__main {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.bkdl-footer { --bkdl-gutter: 16px; }
	.bkdl-footer .bkdl-footer__main {
		grid-template-columns: minmax(0, 1fr);
		gap: 36px;
		padding: 48px var(--bkdl-gutter) 32px;
	}
	.bkdl-footer .bkdl-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
	}
	.bkdl-footer a.bkdl-flist__link { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
	.bkdl-header *,
	.bkdl-footer * {
		transition: none !important;
	}
}