/**
 * 顶部导航栏样式变体（设计设置页可选）
 * classic = 当前线上样式（本文件不写任何规则，走 main.css/unified-ui.css 默认）
 * capsule = 悬浮玻璃胶囊（方案 A）
 * segmented = 分段滑块（方案 B）
 *
 * 作用域：body.wl-nav-capsule / body.wl-nav-segmented（header.php 按 wl_theme_options['navbar_style'] 输出）。
 * 本文件在 main.css 与 glass/*.css 之后加载，同特异性规则按后者优先覆盖。
 * 注意 unified-ui.css 的 .wl-navbar-nav a（0,1,1）与 body.home 的 !important 底边线——
 * 这里统一用 body.wl-nav-* 前缀抬高特异性，关键属性加 !important 压过 body.home 变体。
 */

/* ================= 方案 A：悬浮玻璃胶囊 ================= */

body.wl-nav-capsule .wl-navbar {
	top: 12px;
	margin: 12px 14px 0;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .85) !important;
	border-bottom: 1px solid rgba(255, 255, 255, .85) !important;
	background: linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(255, 250, 244, .74)) !important;
	box-shadow: 0 4px 12px rgba(90, 62, 25, .1), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
	backdrop-filter: blur(14px) saturate(150%);
	-webkit-backdrop-filter: blur(14px) saturate(150%);
}

/* 触屏：保留主题的「无 blur」性能约定，底色贴近玻璃近实底 */
@media (hover: none), (pointer: coarse) {
	body.wl-nav-capsule .wl-navbar {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		background: rgba(255, 252, 250, .97) !important;
	}
}

body.wl-nav-capsule .wl-navbar-inner {
	padding-left: 6px;
	padding-right: 6px;
}

/* 菜单项与发布按钮：沿用默认（classic）样式——
   激活项 = 透明底 + 主题色下划线指示（unified-ui），无填充色；
   发布按钮 = 主题色描边 + 浅色玻璃底（unified-ui）。本节不再写任何覆盖。 */

/* ================= 方案 B：分段滑块 ================= */

body.wl-nav-segmented .wl-navbar {
	background: rgba(255, 253, 250, .8) !important;
	border-bottom: 1px solid rgba(160, 140, 110, .12) !important;
	box-shadow: none !important;
}

/* 菜单收进凹槽轨道（has-prev/next 的 50px 让位规则特异性更高，箭头出现时仍生效） */
body.wl-nav-segmented .wl-navbar-nav {
	background: rgba(120, 105, 85, .07) !important;
	border-radius: 12px;
	padding: 3px;
	gap: 2px;
}

body.wl-nav-segmented .wl-navbar-nav a {
	background: transparent;
	border-radius: 9px;
	padding: 6px 12px;
	font-size: 13px;
}

body.wl-nav-segmented .wl-navbar-nav a::after {
	display: none;
}

body.wl-nav-segmented .wl-navbar-nav a:not(.active):hover {
	color: var(--wl-text);
	background: transparent;
}

/* 激活 = 浮起白色滑块（微投影 + 主题色描边 + 主题色字） */
body.wl-nav-segmented .wl-navbar-nav a.active {
	color: var(--wl-accent-dark) !important;
	background: #fff !important;
	box-shadow: 0 2px 8px rgba(90, 62, 25, .14), 0 0 0 1px color-mix(in srgb, var(--wl-accent) 18%, transparent) !important;
}

/* 发布按钮：主题色渐变实底（亮端提亮、暗端压深，全程跟随 --wl-accent） */
body.wl-nav-segmented .wl-publish-link {
	color: #fff !important;
	border-color: transparent !important;
	background: linear-gradient(135deg,
		color-mix(in srgb, var(--wl-accent) 68%, #fff),
		var(--wl-accent)) !important;
	box-shadow: 0 5px 13px color-mix(in srgb, var(--wl-accent) 32%, transparent) !important;
}

body.wl-nav-segmented .wl-publish-link:hover {
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 10px color-mix(in srgb, var(--wl-accent) 28%, transparent) !important;
}