/* Daily Burn header — save as /assets/header.css in the child theme */
:root{
	--dbf-orange:#f47b20;
	--dbf-header-bg:#161616;
	--dbf-header-text:#ffffff;
	--dbf-header-h:104px;
}

.dbf-header{
	position:sticky;
	top:var(--dbf-ab,0px); /* --dbf-ab = height of the WP admin bar (set below, refined by header.js) */
	z-index:9999;
	background:var(--dbf-header-bg);
	box-shadow:0 2px 12px rgba(0,0,0,.25);
}
.admin-bar .dbf-header{--dbf-ab:32px}
@media (max-width:782px){.admin-bar .dbf-header{--dbf-ab:46px}}

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

.dbf-logo{display:flex;align-items:center;flex-shrink:0}
.dbf-header__inner{transition:min-height .25s ease}
.dbf-header.is-scrolled .dbf-header__inner{min-height:80px}
.dbf-logo__img{height:84px;width:auto;display:block;transition:height .25s ease}
.dbf-header.is-scrolled .dbf-logo__img{height:60px}

/* Homepage: header floats transparent over the hero, turns solid on scroll.
   (Matches the old Elementor behaviour; every other page gets the solid sticky bar.) */
body.page-template-homepage .dbf-header,
body.page-template-homepage-php .dbf-header{
	position:fixed;left:0;right:0;
	background:transparent;box-shadow:none;
	transition:background .3s ease,box-shadow .3s ease;
}
body.page-template-homepage .dbf-header.is-scrolled,
body.page-template-homepage-php .dbf-header.is-scrolled{
	background:var(--dbf-header-bg);
	box-shadow:0 2px 12px rgba(0,0,0,.25);
}

/* Desktop menu */
.dbf-nav{margin-left:auto}
.dbf-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.dbf-menu li{position:relative;margin:0}
.dbf-menu a{
	display:block;
	padding:10px 14px;
	color:var(--dbf-header-text);
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.4px;
	transition:color .2s,background .2s;
}
.dbf-menu a:hover,
.dbf-menu .current-menu-item>a,
.dbf-menu .current_page_item>a{color:var(--dbf-orange)}

/* CTA: add the CSS class "menu-cta" to a menu item (Appearance → Menus) */
.dbf-menu .menu-cta>a{
	background:var(--dbf-orange);
	color:#fff;
	border-radius:6px;
	padding:10px 18px;
}
.dbf-menu .menu-cta>a:hover{background:#d96a14;color:#fff}

/* Dropdowns (depth 2) */
.dbf-menu .sub-menu{
	list-style:none;margin:0;padding:8px 0;
	position:absolute;top:100%;left:0;min-width:200px;
	background:var(--dbf-header-bg);
	box-shadow:0 8px 20px rgba(0,0,0,.3);
	opacity:0;visibility:hidden;transform:translateY(6px);
	transition:all .2s;
}
.dbf-menu li:hover>.sub-menu,
.dbf-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}

/* Mobile toggle (hidden on desktop) */
.dbf-toggle{
	display:none;
	background:none;border:0;padding:10px;cursor:pointer;
	flex-direction:column;gap:5px;
}
.dbf-toggle__bar{display:block;width:26px;height:3px;background:var(--dbf-header-text);border-radius:2px;transition:transform .25s,opacity .25s}
.dbf-toggle[aria-expanded="true"] .dbf-toggle__bar:nth-child(2){transform:translateY(8px) rotate(45deg)}
.dbf-toggle[aria-expanded="true"] .dbf-toggle__bar:nth-child(3){opacity:0}
.dbf-toggle[aria-expanded="true"] .dbf-toggle__bar:nth-child(4){transform:translateY(-8px) rotate(-45deg)}

@media (max-width:991px){
	:root{--dbf-header-h:84px}
	.dbf-logo__img{height:64px}
	.dbf-header.is-scrolled .dbf-header__inner{min-height:66px}
	.dbf-header.is-scrolled .dbf-logo__img{height:48px}
	.dbf-toggle{display:flex}
	.dbf-nav{
		position:absolute;top:100%;left:0;right:0;margin:0;
		background:var(--dbf-header-bg);
		max-height:0;overflow:hidden;
		transition:max-height .3s ease;
	}
	.dbf-nav.is-open{max-height:80vh;overflow-y:auto;border-top:1px solid rgba(255,255,255,.1)}
	.dbf-menu{flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px}
	.dbf-menu a{padding:14px 4px;border-bottom:1px solid rgba(255,255,255,.08)}
	.dbf-menu .menu-cta>a{margin-top:12px;text-align:center;border-bottom:0}
	.dbf-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 16px}
}