/**
 * 顶部导航的补充样式（由 inc/assets.php 在 index.css 之后打印）
 *
 * 只做三件事，都是「这些元素做成后台可配置」之后必须补的小修正：
 *   1. LOGO 下方那行标语强制一行 —— 原站就是一行；本站 LOGO 比原站窄，
 *      标语会被折成两行，看着又挤又小（用户反馈）；
 *   2. 右侧入口按钮：图标尺寸兜底（传了正方形大图不会撑破按钮）+
 *      新增的「按钮内文字」样式；
 *   3. 「整图按钮」形式：图片本身就是按钮，去掉内边距、底色与遮罩层。
 *
 * 注意：这些规则都限定在 #app header .pcNav / .appLists 下，
 * 所以不影响页面里其它地方的 .layer-btn（主题里到处都在用它）。
 */

/* ------------------------------------------------------------------
 * 1. 标语一行显示（字号由后台设置写在该元素的行内样式里）
 * ------------------------------------------------------------------ */

#app header .pcNav .left .note {
	white-space: nowrap;
}

/* ------------------------------------------------------------------
 * 2. 入口按钮：图标兜底 + 按钮内文字
 * ------------------------------------------------------------------ */

/* 图标尺寸**不要自己写** —— 主题已经有一条按高度定尺寸的规则，
   图标是只有 viewBox 的 SVG（没有固有宽高），宽度由高度按比例算出来
   （现在两张是 18px 高 / 78px 宽）。自己再加 width:auto 反而会让它按
   "无固有宽度" 的默认值撑到 300px 以上，把整个导航挤爆（踩过）。 */

/* 按钮内文字：跟随按钮自身的文字色（这两个按钮是浅底黑字） */
#app header .pcNav .right .set .layer-btn .txt {
	position: relative;
	z-index: 6;
	font-size: 0.14rem;
	line-height: 1;
	white-space: nowrap;
	color: inherit;
}

/* hover 时主题会把 .txt 变白，但那层滑进来的 .mask 本身就是白色 ——
   白字压白底就看不见了，所以这两个浅底按钮 hover 时保持黑字 */
#app header .pcNav .right .set .layer-btn:hover .txt {
	color: var(--black);
}

/* ------------------------------------------------------------------
 * 3. 整图按钮：图片即按钮
 * ------------------------------------------------------------------ */

#app header .pcNav .right .set .layer-btn.is-img {
	height: auto;
	padding: 0;
	background-color: transparent;
}

#app header .pcNav .right .set .layer-btn.is-img .mask {
	display: none;
}

#app header .pcNav .right .set .layer-btn.is-img .icon {
	height: 0.4rem; /* 与普通按钮同高（40px@1920），宽度按图片自身比例 */
	width: auto;
	max-height: none;
}