/* ==========================================================================
   NUWEBIZ header & navigation variants
   Scoped by body classes set in Appearance → Customize → NUWEBIZ Theme
   Options → Header & Navigation. With no class present, the original
   (Classic) header renders untouched.
   ========================================================================== */

/* ---- Sticky off: header stays at the very top, does not follow scroll --- */
body.nw-sticky-off #header { position: absolute; }
body.nw-sticky-off #header.scrolled .navbar { padding: 10px 0; box-shadow: none; }

/* ---- Top info bar hidden -------------------------------------------------- */
body.nw-topbar-off .topbar { display: none; }


/* ==========================================================================
   STYLE 2 — Centered logo (logo on top, menu on its own row underneath)
   ========================================================================== */
@media (min-width: 1025px) {
	body.nw-hs-centered .navbar .container {
		flex-direction: column; gap: 6px; padding-top: 4px; padding-bottom: 2px;
	}
	body.nw-hs-centered .logo { justify-content: center; }
	body.nw-hs-centered .logo-img { height: 52px; }
	body.nw-hs-centered .nav-links {
		justify-content: center; width: 100%;
		border-top: 1px solid var(--border); padding-top: 6px;
	}
	body.nw-hs-centered .nav-actions {
		position: absolute; right: 22px; top: 14px;
	}
	body.nw-hs-centered .navbar { position: relative; }
	body.nw-hs-centered .nav-link {
		border-radius: 0; background: none !important;
		border-bottom: 2px solid transparent; padding: 8px 13px;
	}
	body.nw-hs-centered .nav-link:hover,
	body.nw-hs-centered .nav-link.active {
		color: var(--m); border-bottom-color: var(--gold);
	}
	body.nw-hs-centered .dropdown { left: 50%; transform: translate(-50%, -8px); }
	body.nw-hs-centered .nav-item:hover .dropdown { transform: translate(-50%, 0); }
	/* Compact when scrolled */
	body.nw-hs-centered #header.scrolled .logo-img { height: 40px; }
	body.nw-hs-centered #header.scrolled .nav-links { padding-top: 3px; }
}

/* ==========================================================================
   STYLE 3 — Dark green bar (solid NUWEBIZ green, gold accents)
   ========================================================================== */
body.nw-hs-dark .navbar {
	background: var(--m);
	border-bottom: 2px solid var(--gold);
	backdrop-filter: none; -webkit-backdrop-filter: none;
}
body.nw-hs-dark .logo-img { background: #fff; padding: 4px 6px; border-radius: 6px; }
body.nw-hs-dark .logo-name { color: #fff; }
body.nw-hs-dark .logo-tag { color: rgba(255, 255, 255, .65); }
body.nw-hs-dark .nav-link { color: rgba(255, 255, 255, .88); }
body.nw-hs-dark .nav-link:hover,
body.nw-hs-dark .nav-link.active { color: var(--gold); background: rgba(255, 255, 255, .08); }
body.nw-hs-dark .dropdown {
	background: var(--m); border-color: rgba(255, 255, 255, .12);
	border-top-color: var(--gold);
}
body.nw-hs-dark .dropdown a { color: rgba(255, 255, 255, .85); }
body.nw-hs-dark .dropdown a:hover { color: var(--gold); background: rgba(255, 255, 255, .06); }
body.nw-hs-dark .icon-btn {
	background: rgba(255, 255, 255, .1); color: #fff;
	border-color: rgba(255, 255, 255, .2);
}
body.nw-hs-dark .icon-btn:hover { background: var(--gold); color: var(--m); border-color: var(--gold); }
body.nw-hs-dark .hamburger { background: var(--gold); }
body.nw-hs-dark .hamburger span { background: var(--m); }
body.nw-hs-dark .topbar { background: #14291d; }
body.nw-hs-dark #header.scrolled .navbar { box-shadow: 0 6px 22px rgba(0, 0, 0, .35); }
body.nw-hs-dark .nav-donate-desktop { box-shadow: 0 3px 10px rgba(0, 0, 0, .3); }
body.nw-hs-dark .nav-donate-desktop:hover { background: #fff; color: var(--m); }