/* ============================================================
   XYY Logo — 蜥蜴云品牌 Logo 定位与显示
   Logo 文件：/themes/clientarea/xyy/assets_custom/img/xyy-logo.png
   ============================================================ */

/* 黑底白线 Logo 在深色壁纸上融合（去除黑底感） */
.xyy-logo,
body.xyy-theme .xyy-logo {
	max-width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
	mix-blend-mode: screen;
	filter: drop-shadow(0 1px 6px rgba(255, 255, 255, 0.12));
}

/* ---- 顶栏 Logo 区域 ---- */
body.xyy-theme .navbar-brand-box.xyy-brand-box {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: var(--xyy-sidebar-w) !important;
	height: var(--xyy-topbar-h) !important;
	padding: 0 20px !important;
	background: transparent !important;
	border: none !important;
	flex-shrink: 0;
}

body.xyy-theme .xyy-brand-link {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	text-decoration: none !important;
}

body.xyy-theme .xyy-brand-link .xyy-logo-full {
	max-height: 68px;
	width: auto;
}

body.xyy-theme .xyy-brand-link .xyy-logo-mini {
	display: none;
	max-height: 44px;
	width: auto;
}

/* 顶栏 Logo 增强可见度 */
body.xyy-theme .navbar-brand-box .xyy-logo {
	filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.35)) drop-shadow(0 2px 8px rgba(0, 0, 0, 0.45));
}

/* 侧栏折叠时显示小 Logo */
body.xyy-theme.vertical-collpsed .xyy-brand-link .xyy-logo-full {
	display: none;
}

body.xyy-theme.vertical-collpsed .xyy-brand-link .xyy-logo-mini {
	display: block;
	max-height: 40px;
}

body.xyy-theme.vertical-collpsed .navbar-brand-box.xyy-brand-box {
	width: 70px !important;
	justify-content: center !important;
	padding: 0 8px !important;
}

/* 隐藏旧版双 logo 结构 */
body.xyy-theme .navbar-brand-box .logo-dark {
	display: none !important;
}

body.xyy-theme .navbar-brand-box .logo-light {
	display: flex !important;
	align-items: center;
}

/* ---- 侧栏顶部 Logo ---- */
.xyy-sidebar-brand {
	padding: 20px 20px 12px;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
	margin-bottom: 8px;
}

.xyy-sidebar-brand a {
	display: inline-block;
}

.xyy-sidebar-brand .xyy-logo {
	max-height: 52px;
	margin: 0 auto;
}

.xyy-sidebar-brand .xyy-brand-name {
	display: block;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.85);
	letter-spacing: 2px;
}

/* 桌面端：顶栏已有 Logo，侧栏内隐藏避免重复 */
@media (min-width: 993px) {
	.xyy-sidebar-brand {
		display: none;
	}
}

/* 移动端：顶栏 Logo 增强可见度（取消 screen 混合，避免黑底 Logo 消失） */
@media (max-width: 992px) {
	body.xyy-theme #page-topbar .xyy-logo {
		mix-blend-mode: normal !important;
		filter: brightness(1.35) contrast(1.1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.45)) !important;
	}

	body.xyy-theme #page-topbar .navbar-brand-box .xyy-logo {
		filter: brightness(1.35) contrast(1.1) drop-shadow(0 0 10px rgba(255, 255, 255, 0.45)) !important;
	}

	body.xyy-theme #page-topbar .navbar-header > .d-flex:first-child {
		flex: 1;
		min-width: 0;
	}

	body.xyy-theme #page-topbar #vertical-menu-btn {
		order: 1;
		flex-shrink: 0;
		margin-left: 0 !important;
		margin-right: 4px;
	}

	body.xyy-theme #page-topbar .xyy-brand-box--mobile {
		order: 2;
		width: auto !important;
		padding: 0 8px 0 0 !important;
	}

	body.xyy-theme #page-topbar .xyy-brand-box--mobile .xyy-logo-full {
		max-height: 38px !important;
		min-width: 0 !important;
	}

	body.xyy-theme #page-topbar .xyy-brand-box--mobile .xyy-logo-mini {
		display: none !important;
	}

	.xyy-sidebar-brand {
		display: block;
	}

	body.xyy-theme.sidebar-enable .xyy-sidebar-brand .xyy-logo {
		max-height: 56px;
	}
}

/* 覆盖 responsive.css 在 995px 以下隐藏 logo 的规则 */
@media screen and (max-width: 995px) {
	body.xyy-theme .navbar-brand-box.xyy-brand-box {
		display: flex !important;
	}
}

/* ---- 登录 / 注册页 Logo ---- */
body.xyy-theme .xyy-auth-brand {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	margin-bottom: 24px;
	padding-top: 4px;
}

body.xyy-theme .xyy-auth-brand a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	line-height: 0;
	text-decoration: none !important;
}

body.xyy-theme .xyy-auth-brand .xyy-logo {
	max-height: 64px;
	width: auto;
	max-width: 100%;
	margin: 0 auto 14px;
	object-fit: contain;
	object-position: center center;
}

body.xyy-theme .xyy-auth-brand h1 {
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	margin: 0 0 4px;
	letter-spacing: 1px;
}

body.xyy-theme .xyy-auth-brand p {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
	margin: 0;
}

/* 旧版注册/找回密码页 Logo */
body.xyy-theme .logo.text-center {
	text-align: center !important;
	margin-bottom: 20px;
}

body.xyy-theme .logo.text-center img,
body.xyy-theme .logo.text-center .xyy-logo {
	max-height: 56px !important;
	width: auto !important;
	height: auto !important;
	margin: 0 auto;
	display: inline-block;
}

/* ---- 官网 Logo ---- */
.header .navbar-brand.xyy-brand-link {
	display: flex !important;
	align-items: center;
	height: 50px;
	padding: 6px 0 !important;
	background: none !important;
}

.header .xyy-web-logo {
	max-height: 40px;
	width: auto;
	mix-blend-mode: screen;
	filter: drop-shadow(0 1px 4px rgba(255,255,255,0.1));
}

/* ---- 页脚 Logo ---- */
body.xyy-theme #company-logo,
body.xyy-theme .footer .xyy-logo {
	max-height: 36px;
	mix-blend-mode: screen;
}

/* 购物车侧栏标题区不放 Logo，保持简洁 */
body.xyy-theme .xyy-cart-side-head h5 {
	padding-left: 0;
}