.sf-nav {
	position: relative;
}

/* ── Desktop: inline links ── */
@media (min-width: 1281px) {
	.sf-nav__toggle {
		display: none;
	}

	.sf-nav__menu {
		display: block !important;
		position: static;
		background: none;
		box-shadow: none;
		padding: 0;
		min-width: 0;
		border-radius: 0;
	}

	.sf-nav__list {
		display: flex;
		gap: 3rem;
		list-style: none;
		margin: 0;
		padding: 0;
		justify-content: center;
	}

	.sf-nav__list li a {
		padding: 0;
		color: #ffffff;
		text-decoration: none;
		font-size: var(--wp--preset--font-size--small);
		transition: opacity 0.15s ease;
	}

	.sf-nav__list li a:hover {
		background: none;
		opacity: 0.7;
	}

	.sf-nav__list li.current-menu-item > a,
	.sf-nav__list li.current_page_item > a {
		border-bottom: 2px solid currentColor;
		padding-bottom: 2px;
	}

	/* Dark links on inner pages */
	body:not(.home) .sf-nav__list li a {
		color: var(--wp--preset--color--contrast, #000);
	}
}

/* ── Mobile: hamburger ── */
@media (max-width: 1280px) {
	.sf-nav__toggle {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 28px;
		height: 20px;
		background: none;
		border: none;
		cursor: pointer;
		padding: 0;
		color: currentColor;
	}

	.sf-nav__toggle-bar {
		display: block;
		width: 100%;
		height: 2px;
		background: #ffffff;
		border-radius: 2px;
		transition: transform 0.25s ease, opacity 0.25s ease;
	}

	body:not(.home) .sf-nav__toggle-bar {
		background: var(--wp--preset--color--contrast, #000);
	}

	.sf-nav__toggle[aria-expanded="true"] .sf-nav__toggle-bar:nth-child(1) {
		transform: translateY(9px) rotate(45deg);
	}

	.sf-nav__toggle[aria-expanded="true"] .sf-nav__toggle-bar:nth-child(2) {
		opacity: 0;
	}

	.sf-nav__toggle[aria-expanded="true"] .sf-nav__toggle-bar:nth-child(3) {
		transform: translateY(-9px) rotate(-45deg);
	}

	.sf-nav__menu {
		position: absolute;
		top: calc(100% + 0.75rem);
		right: 0;
		min-width: 200px;
		background: var(--wp--preset--color--base, #fff);
		border-radius: 6px;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
		padding: 0.5rem 0;
		z-index: 200;
	}

	.sf-nav__menu[hidden] {
		display: none;
	}

	.sf-nav__list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.sf-nav__list li a {
		display: block;
		padding: 0.6rem 1.25rem;
		color: var(--wp--preset--color--contrast, #000);
		text-decoration: none;
		font-size: var(--wp--preset--font-size--small);
		transition: background 0.15s ease;
	}

	.sf-nav__list li a:hover {
		background: var(--wp--preset--color--secondary, #e8e0af);
	}
}