/* 统一主题色覆盖：配合 :root --base-color 动态注入，支持自定义 hex
 * 注意：不要给全部 .layui-btn 强制实心底，表格/操作列是透明文字链按钮
 */
:root {
	--base-color: #105CFB;
	--base-color-rgb: 16, 92, 251;
}

.text-color,
.layui-nav .layui-this > a,
.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-nav-child dd.layui-this a {
	color: var(--base-color) !important;
}

.border-color,
.layui-form-select dl dd.layui-this,
.layui-form-checked[lay-skin=primary] i,
.layui-form-checkbox[lay-skin=primary]:hover i,
.layui-form-radioed > i,
.layui-form-radio > i:hover {
	border-color: var(--base-color) !important;
}

/* 仅工具类与表单控件铺色；主按钮靠 common.css 的 var(--base-color) */
.bg-color,
.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-form-select dl dd.layui-this,
.layui-form-checked[lay-skin=primary] i,
.layui-form-onswitch,
.layui-slider-bar,
.layui-slider-wrap-btn {
	background-color: var(--base-color) !important;
}

.layui-btn-primary {
	background-color: #fff !important;
	color: #666 !important;
	border-color: #d2d2d2 !important;
}

.layui-btn-primary:hover {
	border-color: var(--base-color) !important;
	color: var(--base-color) !important;
}

/* 顶栏「访问店铺」描边按钮 */
.shop-ewm > .layui-btn {
	color: var(--base-color) !important;
	border: 1px solid var(--base-color) !important;
	background-color: transparent !important;
}

/* 表格操作列 / 订单操作区：强制恢复文字链样式（防其它样式再次盖成实心块） */
.layui-table .layui-btn,
.layui-table-view tr .layui-btn,
.layui-table-view .table-btn .layui-btn,
.table-btn .layui-btn,
.operation .layui-btn,
.operation .operation-type .layui-btn,
.operation > .table-btn .layui-btn {
	background-color: transparent !important;
	border-color: transparent !important;
	color: var(--base-color) !important;
	box-shadow: none !important;
}

.layui-layout-admin .layui-header .layui-nav .layui-this:after,
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item.layui-this > a,
.layui-layout-admin .second-nav .layui-nav-tree .layui-nav-child dd.layui-this,
.layui-tab-brief > .layui-tab-title .layui-this {
	border-color: var(--base-color) !important;
}

.layui-tab-brief > .layui-tab-title .layui-this {
	color: var(--base-color) !important;
}

.layui-laypage a:hover {
	color: var(--base-color) !important;
}

a:hover,
.ns-text-color {
	color: var(--base-color);
}

/* 侧栏选中 / hover */
.layui-layout-admin .first-nav .layui-side-scroll .layui-nav-tree .layui-nav-item a.active,
.layui-layout-admin .first-nav .layui-side-scroll .layui-nav-tree .layui-nav-item a:hover {
	background-color: var(--base-color) !important;
	color: #fff !important;
}

.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover,
.layui-layout-admin .second-nav .layui-nav-tree .layui-nav-child dd a:hover {
	color: var(--base-color) !important;
	background-color: rgba(var(--base-color-rgb), 0.08) !important;
}

.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav,
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item.layui-this > a,
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this,
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this a,
.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
	background-color: rgba(var(--base-color-rgb), 0.08) !important;
	color: var(--base-color) !important;
}

.layui-layout-admin .second-nav .layui-nav-tree .layui-nav-child dd.layui-this,
.layui-layout-admin .second-nav .layui-nav-tree .layui-nav-child dd.layui-this a {
	background-color: rgba(var(--base-color-rgb), 0.08) !important;
	color: var(--base-color) !important;
}

.layui-form-radioed > i,
.layui-form-radio > i:hover {
	color: var(--base-color) !important;
}

/* 非 primary 复选框（按钮式）选中时给文字区上色；primary 仅勾选框上色 */
.layui-form-checked:not([lay-skin=primary]) span,
.layui-form-checked:not([lay-skin=primary]):hover span {
	background-color: var(--base-color) !important;
}

.layui-form-checked[lay-skin=primary] span,
.layui-form-checked[lay-skin=primary]:hover span {
	background-color: transparent !important;
	color: inherit !important;
}

.layui-tab-title .layui-this {
	color: var(--base-color) !important;
}

/* 浅色背景/描边：跟随主题色（概况顶栏提示等） */
.bg-color-light-9 {
	background-color: rgba(var(--base-color-rgb), 0.08) !important;
}

.border-color-light-9 {
	border-color: rgba(var(--base-color-rgb), 0.35) !important;
}

.top-tips {
	background: rgba(var(--base-color-rgb), 0.08) !important;
}

.top-tips,
.top-tips a,
.top-tips .iconfont {
	color: var(--base-color) !important;
}
