/* ==========================================================================
   Header — fixed, compact, on-brand. Loaded on every page.
   ListingHive wraps the page in .site-container{overflow:hidden}, which
   disables position:sticky, so the navbar is fixed (like igraland.rs) and the
   body carries an equal top offset. Selectors are prefixed with .site-header
   so they out-rank the Customizer's inline rules without !important.
   ========================================================================== */

:root { --adz-header-h: 76px; }
@media (max-width: 768px) { :root { --adz-header-h: 64px; } }

body { padding-top: var(--adz-header-h); }

.site-header .header-navbar {
	position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
	height: var(--adz-header-h);
	display: flex; align-items: center; justify-content: space-between;
	padding: 0 24px;
	background: rgba(255,255,255,.96);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--adz-line);
	transition: box-shadow .2s ease;
}
.admin-bar .site-header .header-navbar { top: 32px; }
@media (max-width: 782px) { .admin-bar .site-header .header-navbar { top: 46px; } }
.site-header .header-navbar.is-scrolled { box-shadow: 0 8px 24px rgba(34,52,60,.08); }

.site-header .header-navbar__start,
.site-header .header-navbar__end { display: flex; align-items: center; height: 100%; padding: 0; }
.site-header .header-navbar__end { gap: 8px; }

/* Logo: scale the 110px image down to the bar */
.site-header .header-logo img { max-height: 52px; width: auto; display: block; }
@media (max-width: 768px) { .site-header .header-logo img { max-height: 42px; } }

/* Menu */
.site-header .header-navbar__menu > ul > li > a {
	font-family: var(--adz-font-body); font-weight: 700; font-size: 15px;
	color: var(--adz-ink); padding: 8px 12px; border-radius: 999px; transition: .15s;
}
.site-header .header-navbar__menu > ul > li > a:hover { color: var(--adz-green-d); background: var(--adz-bg-soft); }
.site-header .header-navbar__menu > ul > li.current-menu-item > a,
.site-header .header-navbar__menu > ul > li.active > a { color: var(--adz-green-d); }
.site-header .header-navbar__menu > ul > li.current-menu-item::before,
.site-header .header-navbar__burger > ul > li.current-menu-item::before { background-color: var(--adz-green); }

/* "Zaloguj się" as a quiet pill */
.site-header .header-navbar__menu > ul > li.menu-item--user-login > a {
	border: 1.5px solid var(--adz-line); padding: 8px 14px;
}
.site-header .header-navbar__menu > ul > li.menu-item--user-login > a:hover { border-color: var(--adz-green); background: #fff; }

/* Primary CTA: "Dodaj atrakcję" — the one loud element in the bar */
.site-header .hp-menu__item--listing-submit,
.site-header .header-navbar__actions .button {
	background: var(--adz-orange); color: #fff; border: 0;
	font-family: var(--adz-font-body); font-weight: 800; font-size: 15px;
	padding: 11px 20px; border-radius: 999px; line-height: 1.2;
	box-shadow: 0 6px 18px rgba(245,137,59,.35); transition: .15s; white-space: nowrap;
}
.site-header .hp-menu__item--listing-submit:hover,
.site-header .header-navbar__actions .button:hover { background: var(--adz-orange-d); color: #fff; transform: translateY(-1px); box-shadow: 0 8px 22px rgba(245,137,59,.45); }
.site-header .hp-menu__item--listing-submit i { margin-right: 6px; }

/* Mobile burger panel inherits the fixed bar; keep it readable */
@media (max-width: 768px) {
	.site-header .header-navbar { padding: 0 16px; }
	.site-header .hp-menu__item--listing-submit { padding: 9px 14px; font-size: 14px; }
}

/* Menu badge: add the CSS class "nowosc" to a menu item (Wygląd → Menu → Klasy CSS). */
.site-header .header-navbar__menu > ul > li.nowosc > a::after,
.site-header .header-navbar__burger > ul > li.nowosc > a::after { content: "NOWOŚĆ"; background: var(--adz-orange); color: #fff; font-size: 10px; font-weight: 800; padding: 2px 7px; border-radius: 99px; margin-left: 6px; vertical-align: 2px; }
