/**
 * Wap 全站主题唯一样式 - 仅使用 :root 变量（由 PHP getThemeRootVars('Wap') 注入）
 * 规则：有主题底色的字体为白色，无底色的链接/强调为主题色
 */

/* 无底色：链接/文字用主题色 */
a, a:link, a:visited { color: var(--theme-text-color, var(--theme-color)) !important; }
a:hover, a:active, a:focus { color: var(--theme-color-hover) !important; }
/* 实心按钮/主题底链接：强制白字（压过上方 a{主题色}，避免字色与底色相同） */
a.button, a.btn, button.button, button.btn,
input[type="submit"].button, input[type="button"].button,
.button.bg-dot, .button.bg-yellow, .button.bg-main, .button.bg-red,
.theme-btn-fill, a.theme-btn-fill {
  color: var(--theme-on-bg-text, #fff) !important;
}
a.button:hover, a.btn:hover, .theme-btn-fill:hover, a.theme-btn-fill:hover {
  color: var(--theme-on-bg-text, #fff) !important;
}
a.theme-btn-ghost, .theme-btn-ghost.button {
  background: transparent !important;
  background-image: none !important;
  color: var(--theme-text-color, var(--theme-color)) !important;
}
.tab, .tab-item { color: var(--theme-text-color, var(--theme-color)) !important; }
.pagination a, .pager a { color: var(--theme-text-color, var(--theme-color)) !important; border-color: var(--theme-color); }
.theme-primary { color: var(--theme-text-color, var(--theme-color)) !important; }

/* 有主题底色：背景主题色 + 字体白色 */
.nav, .navigation, .menu { background: var(--theme-gradient) !important; }
.nav a, .navigation a, .menu a { color: var(--theme-on-bg-text, #fff) !important; }
.nav a:hover, .navigation a:hover, .menu a:hover { background: rgba(255,255,255,0.1) !important; color: var(--theme-on-bg-text, #fff) !important; }
.nav .active, .navigation .active, .menu .active { background: var(--theme-color-dark) !important; color: var(--theme-on-bg-text, #fff) !important; }
.btn, .button, input[type="submit"], input[type="button"], button {
  background: var(--theme-gradient) !important; color: var(--theme-on-bg-text, #fff) !important; border: 1px solid var(--theme-color) !important;
}
.btn:hover, .button:hover, input[type="submit"]:hover { background: var(--theme-color-hover) !important; color: var(--theme-on-bg-text, #fff) !important; }
.title, .heading { background: var(--theme-gradient) !important; color: var(--theme-on-bg-text, #fff) !important; }
.card-header, .box-header, .panel-header,
.panel-head { background: var(--theme-color-light) !important; color: var(--theme-color-dark) !important; }
.list-item.active, .list-group-item.active { background: var(--theme-color) !important; color: var(--theme-on-bg-text, #fff) !important; }
.tab.active, .tab-item.active { background: var(--theme-color) !important; color: var(--theme-on-bg-text, #fff) !important; }
.pagination a:hover, .pagination .current { background: var(--theme-color) !important; color: var(--theme-on-bg-text, #fff) !important; }
.tag, .badge, .label { background: var(--theme-color) !important; color: var(--theme-on-bg-text, #fff) !important; }
th { background: var(--theme-gradient) !important; color: var(--theme-on-bg-text, #fff) !important; }
.modal-header { background: var(--theme-gradient) !important; color: var(--theme-on-bg-text, #fff) !important; }
.search-button { background: var(--theme-color) !important; color: var(--theme-on-bg-text, #fff) !important; }
.bg-theme-primary { background-color: var(--theme-text-color, var(--theme-color)) !important; color: var(--theme-on-bg-text, #fff) !important; }
input:focus, textarea:focus, select:focus { border-color: var(--theme-text-color, var(--theme-color)) !important; }
.search-input { border-color: var(--theme-text-color, var(--theme-color)) !important; }

/* 商家顶栏「典藏」入口（黄顶栏上小字） */
.top-fixed.bg-yellow .top-share a.co-wap-style-switch {
	color: rgba(255, 255, 255, 0.95) !important;
	font-size: 11px !important;
	font-weight: 600;
	padding-right: 8px;
	margin-right: 4px;
	border-right: 1px solid rgba(255, 255, 255, 0.35);
}

/* 店铺/单位 WAP 顶栏：与全站 --theme-color 一致（覆盖 tieba/css_1 里 bg-yellow 青绿色） */
header.top-fixed.bg-yellow.bg-inverse {
	background: var(--theme-color, #2563eb) !important;
	background-image: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
header.top-fixed.bg-yellow.bg-inverse .top-title,
header.top-fixed.bg-yellow.bg-inverse .top-title span {
	color: var(--theme-on-bg-text, #fff) !important;
}
header.top-fixed.bg-yellow.bg-inverse .top-addr,
header.top-fixed.bg-yellow.bg-inverse .top-addr i,
header.top-fixed.bg-yellow.bg-inverse .wap-location-trigger,
header.top-fixed.bg-yellow.bg-inverse .wap-location-trigger i,
header.top-fixed.bg-yellow.bg-inverse .wap-location-city {
	color: var(--theme-on-bg-text, #fff) !important;
}
header.top-fixed.bg-yellow.bg-inverse .shop-top-more-btn {
	color: var(--theme-on-bg-text, #fff) !important;
}

/* 顶栏主题底：返回/搜索/分享等图标与文字一律白（压过全站 a{主题色}） */
header.top-fixed .top-back a,
header.top-fixed .top-back i,
header.top-fixed .top-signed a,
header.top-fixed .top-signed i,
header.top-fixed .top-signed #search-btn,
header.top-fixed .top-signed #search-btn i,
header.top-fixed .top-signed .icon-search,
header.top-fixed .top-signed .iconfont,
header.top-fixed .top-share a,
header.top-fixed .top-share i,
header.top-fixed .top-share button,
header.top-fixed .top-ping a,
header.top-fixed .top-ping i {
	color: var(--theme-on-bg-text, #fff) !important;
}

/* 顶栏九宫格下拉：白底菜单项强制深色字（防止被全站 a{主题色} 或顶栏 a{白色} 误伤） */
.shop-top-more-panel a.shop-top-more-item,
.shop-top-more-panel a.shop-top-more-item:link,
.shop-top-more-panel a.shop-top-more-item:visited {
	color: #111827 !important;
}
.shop-top-more-panel a.shop-top-more-item--share,
.shop-top-more-panel a.shop-top-more-item--share:link,
.shop-top-more-panel a.shop-top-more-item--share:visited {
	color: var(--theme-color, #06c1ae) !important;
}