/* ==========================================================================
   BookieFinder — Header (light, ruled)
   ========================================================================== */
.bf-header {
	background: var(--bf-white);
	position: sticky;
	top: 0;
	z-index: 500;
	border-top: 4px solid var(--bf-brand);
	border-bottom: 1px solid var(--bf-border);
}

.bf-header-inner {
	max-width: var(--bf-container);
	margin: 0 auto;
	padding: 0 24px;
	height: var(--bf-header-h);
	display: flex;
	align-items: center;
	gap: 32px;
}

.bf-logo {
	display: flex;
	flex-direction: column;
	line-height: 1.05;
	flex-shrink: 0;
	color: var(--bf-ink);
}
.bf-logo:hover { text-decoration: none; }
.bf-logo-text { display: flex; }
.bf-logo-primary {
	font-family: var(--bf-font-display);
	font-size: 24px;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--bf-brand);
}
.bf-logo-img { max-height: 34px; width: auto; }
.bf-logo-tagline {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.1em;
	color: var(--bf-muted);
	text-transform: uppercase;
	margin-top: 3px;
}

.bf-nav-primary { flex: 1; min-width: 0; }
.bf-nav-list { display: flex; align-items: center; gap: 4px; }
.bf-nav-list a {
	display: block;
	color: var(--bf-ink);
	font-size: 15px;
	font-weight: 500;
	padding: 8px 12px;
	border-radius: var(--bf-radius-md);
	white-space: nowrap;
}
.bf-nav-list a:hover { background: var(--bf-brand-soft); text-decoration: none; }
.bf-nav-list .current-menu-item > a { font-weight: 700; }

.bf-header-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; margin-left: auto; }

.bf-header-action {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--bf-ink);
	font-size: 14px;
	font-weight: 600;
	background: transparent;
	border: 1px solid var(--bf-border);
	padding: 9px 12px;
	border-radius: var(--bf-radius-md);
	line-height: 1;
}
.bf-header-action:hover { border-color: var(--bf-ink); text-decoration: none; }
.bf-header-action--primary { background: var(--bf-accent); border-color: var(--bf-accent); }
.bf-header-action--primary:hover { background: var(--bf-accent-dark); border-color: var(--bf-accent-dark); }

.bf-mobile-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	background: transparent;
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-radius-md);
	color: var(--bf-ink);
	padding: 0;
}
.bf-mobile-toggle .bf-i { width: 22px; height: 22px; }
.bf-mobile-toggle .bf-mobile-toggle-close { display: none; }
.bf-mobile-toggle[aria-expanded="true"] .bf-mobile-toggle-open { display: none; }
.bf-mobile-toggle[aria-expanded="true"] .bf-mobile-toggle-close { display: inline-block; }

.bf-mobile-menu {
	display: none;
	background: var(--bf-white);
	border-top: 1px solid var(--bf-border);
	max-height: calc(100vh - var(--bf-header-h) - 4px);
	overflow-y: auto;
}
.bf-mobile-menu.is-open { display: block; }
.bf-mobile-search {
	display: flex;
	gap: 8px;
	padding: 14px 24px 6px;
}
.bf-mobile-search input {
	flex: 1;
	min-width: 0;
	border: 1px solid var(--bf-border);
	border-radius: var(--bf-radius-md);
	padding: 10px 12px;
	background: var(--bf-bg);
}
.bf-mobile-menu-list { padding: 6px 24px 18px; }
.bf-mobile-menu-list a {
	display: block;
	padding: 13px 0;
	color: var(--bf-ink);
	font-size: 16px;
	font-weight: 500;
	border-bottom: 1px solid var(--bf-border-light);
}

@media (max-width: 1080px) {
	.bf-nav-primary { display: none; }
	.bf-mobile-toggle { display: inline-flex; }
}
@media (max-width: 760px) {
	.bf-header-inner { gap: 16px; padding: 0 16px; }
	.bf-header-action-label { display: none; }
	.bf-header-action { width: 42px; height: 42px; justify-content: center; padding: 0; }
	.bf-mobile-search { padding-left: 16px; padding-right: 16px; }
	.bf-mobile-menu-list { padding-left: 16px; padding-right: 16px; }
}
@media (max-width: 400px) {
	.bf-logo-tagline { display: none; }
	.bf-logo-primary { font-size: 21px; }
}