/* =============================================================
   VARIANT 4 — Dark full-width bar | Logo RIGHT | Underline hover nav
   Breadcrumbs: · dot
   ============================================================= */

/* ---- Header ---- */
.v4-header {
	background: #111;
	border-bottom: 4px solid var(--color-accent);
}

.v4-header__inner {
	max-width: var(--w-wide);
	margin: 0 auto;
	padding: var(--sp-md) var(--sp-lg);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--sp-xl);
}

.v4-header__meta {
	flex: 1;
}

.v4-header__label {
	font-size: .75rem;
	color: rgba(255,255,255,.4);
	text-transform: uppercase;
	letter-spacing: .1em;
}

.v4-header__logo {
	font-family: var(--font-heading);
	font-size: clamp(1.3rem, .9rem + 1.8vw, 2rem);
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	letter-spacing: -.01em;
	text-align: right;
	line-height: 1.2;
	border-right: 4px solid var(--color-accent);
	padding-right: var(--sp-md);
}

.v4-header__logo:hover { color: var(--color-accent); text-decoration: none; }

/* ---- Nav ---- */
.v4-nav {
	background: var(--color-primary);
	position: sticky;
	top: 0;
	z-index: 100;
}

.v4-nav__inner {
	max-width: var(--w-wide);
	margin: 0 auto;
	padding: 0 var(--sp-lg);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}

/* Underline hover style */
.variant-v4 .primary-menu > li > a {
	color: rgba(255,255,255,.8);
	padding: .75rem var(--sp-md);
	font-size: .875rem;
	font-weight: 500;
	border-radius: 0;
	position: relative;
}

.variant-v4 .primary-menu > li > a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: var(--sp-md);
	right: var(--sp-md);
	height: 3px;
	background: var(--color-accent);
	transform: scaleX(0);
	transition: transform var(--t-base);
}

.variant-v4 .primary-menu > li > a:hover,
.variant-v4 .primary-menu > li:focus-within > a {
	color: #fff;
	background: rgba(255,255,255,.08);
}

.variant-v4 .primary-menu > li > a:hover::after,
.variant-v4 .primary-menu > li:focus-within > a::after,
.variant-v4 .primary-menu > li.current-menu-item > a::after {
	transform: scaleX(1);
}

.variant-v4 .primary-menu > li.current-menu-item > a {
	color: #fff;
	background: rgba(255,255,255,.1);
}

/* Dropdown */
.variant-v4 .primary-menu .sub-menu {
	border-top: 3px solid var(--color-accent);
}

/* Burger — right side */
.v4-burger { flex-shrink: 0; }

/* ---- Breadcrumbs: · dot ---- */
.variant-v4 .breadcrumbs__item + .breadcrumbs__item::before {
	content: '·';
	font-size: 1.3em;
	font-weight: 700;
	color: var(--color-accent);
	line-height: 1;
}

@media (max-width: 768px) {
	.v4-header__logo { border-right: none; padding-right: 0; }
}