/* 主题配色样式 - 使用CSS变量实现用户自定义配色 */
/* 使用ID选择器确保覆盖Bootstrap的bg-dark等类及插件样式 */

/* 顶部导航栏背景色 - 覆盖Bootstrap bg-dark和插件.navbar.bg-dark */
#header.navbar,
#header.navbar.bg-dark {
	background-color: var(--theme-header-bg, #343a40) !important;
}

/* 顶部导航栏文字颜色 */
#header .nav-link,
#header .navbar-brand,
#header a,
#header span,
#header .navbar-toggler-icon {
	color: var(--theme-header-text, #ffffff) !important;
}

/* 第二导航栏(#nav_pc_2)背景色 - 插件zaesky_theme_zhihulan的子导航栏 */
#nav_pc_2 {
	background: var(--theme-header-bg, #343a40) !important;
}

/* 第二导航栏文字颜色 */
#nav_pc_2 a {
	color: var(--theme-header-text, #ffffff) !important;
}

#nav_pc_2 a:hover {
	color: var(--theme-header-text, #ffffff) !important;
	opacity: 0.8;
}

#nav_pc_2 .active a {
	color: var(--theme-header-text, #ffffff) !important;
	background: rgba(255,255,255,0.15) !important;
}

/* 页面背景色 - 覆盖插件body背景（插件使用background简写属性，需同样使用简写覆盖） */
body {
	background: var(--theme-body-bg, #f8f9fa) !important;
}

/* 底部栏背景色 - 同时支持id=footer和无id的footer元素 */
#footer,
footer {
	background-color: var(--theme-footer-bg, #343a40) !important;
}

/* 底部栏文字颜色 */
#footer,
#footer a,
#footer span,
#footer b,
footer,
footer a,
footer span,
footer b,
footer p,
footer li,
footer .left,
footer .left a,
footer .left p,
footer .left ul li a {
	color: var(--theme-footer-text, #ffffff) !important;
}

/* 侧边栏背景色 - 插件.card使用background简写属性，需同样使用简写覆盖 */
#my_aside .card,
#my_aside .card-header {
	background: var(--theme-sidebar-bg, #ffffff) !important;
}

/* 侧边栏文字颜色 */
#my_aside .card,
#my_aside .card-header,
#my_aside a,
#my_aside .list-group-item {
	color: var(--theme-sidebar-text, #212529) !important;
}

/* 会员中心导航文字颜色 - list-group-item 双覆盖（含active状态） */
#my_aside .list-group-item,
#my_aside .list-group-item-action,
#my_aside .list-group-item.active {
	background-color: var(--theme-sidebar-bg, #ffffff) !important;
	color: var(--theme-sidebar-text, #212529) !important;
}

#my_aside .list-group-item:hover,
#my_aside .list-group-item-action:hover,
#my_aside .list-group-item:focus,
#my_aside .list-group-item-action:focus {
	background-color: var(--theme-sidebar-bg, #ffffff) !important;
	color: var(--theme-sidebar-text, #212529) !important;
}

/* 帖子格/卡片背景色 - 插件.card使用background简写属性，需同样使用简写覆盖 */
.card:not(#my_aside .card):not(#header) {
	background: var(--theme-card-bg, #ffffff) !important;
}

/* 帖子格/卡片文字颜色 */
.card:not(#my_aside .card):not(#header),
.card:not(#my_aside .card):not(#header) .card-title,
.card:not(#my_aside .card):not(#header) .card-text,
.card:not(#my_aside .card):not(#header) p,
.card:not(#my_aside .card):not(#header) a,
.card:not(#my_aside .card):not(#header) span,
.card:not(#my_aside .card):not(#header) div,
.card:not(#my_aside .card):not(#header) h1,
.card:not(#my_aside .card):not(#header) h2,
.card:not(#my_aside .card):not(#header) h3,
.card:not(#my_aside .card):not(#header) h4,
.card:not(#my_aside .card):not(#header) h5,
.card:not(#my_aside .card):not(#header) h6,
.card:not(#my_aside .card):not(#header) .small,
.card:not(#my_aside .card):not(#header) .text-muted {
	color: var(--theme-card-text, #212529) !important;
}

/* 帖子列表元信息文字颜色 */
.threadlist .subject,
.threadlist .small,
.threadlist .text-muted,
.threadlist a,
.threadlist span {
	color: var(--theme-card-text, #212529) !important;
}

/* 手机版底部导航栏 - 使用顶部导航栏配色 */
.bottom-nav {
	background: var(--theme-header-bg, #343a40) !important;
	border-top-color: rgba(255,255,255,0.1) !important;
}
.bottom-nav .nav_font,
.bottom-nav a,
.bottom-nav a div,
.bottom-nav span {
	color: var(--theme-header-text, #ffffff) !important;
}
.bottom-nav a:hover,
.bottom-nav a:active {
	color: var(--theme-header-text, #ffffff) !important;
	opacity: 0.8;
}

/* 面包屑导航 - 覆盖插件.breadcrumb { background-color: var(--white) !important } */
.breadcrumb {
	background-color: var(--theme-card-bg, #ffffff) !important;
}

/* 卡片底部 - 覆盖插件.card-footer { background-color: white } */
.card-footer {
	background-color: var(--theme-card-bg, #ffffff) !important;
}

/* 帖子详情页等页面的侧边栏(.aside) - 使用侧边栏配色 */
/* 这些页面的侧边栏使用.aside类而非#my_aside，需要单独覆盖 */
.aside .card {
	background: var(--theme-sidebar-bg, #ffffff) !important;
}

.aside .card-header {
	background: var(--theme-sidebar-bg, #ffffff) !important;
}

.aside .card-footer {
	background-color: var(--theme-sidebar-bg, #ffffff) !important;
}

.aside .card,
.aside .card-header,
.aside a,
.aside .list-group-item {
	color: var(--theme-sidebar-text, #212529) !important;
}

/* 表单控件 - 输入框背景色跟随卡片配色 */
.form-control {
	background-color: var(--theme-card-bg, #ffffff) !important;
	color: var(--theme-card-text, #212529) !important;
}