/**
 * Qing 居中 Logo / 文字分隔标题样式。
 *
 * 结构：[左装饰线] [中心 Logo/文字] [右装饰线]，整体水平居中。
 * 装饰线由 flex 自动伸展，颜色经 --qing-ld-line-color 变量注入，
 * 通过线性渐变实现「靠中心实、向两端渐隐」的效果。
 * 具体颜色 / 粗细 / 长度 / 间距 / 内边距均由 Elementor 控件覆盖。
 */

.qing-logo-divider {
	--qing-ld-line-color: #c9d2e0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 100%;
	box-sizing: border-box;
}

/* 装饰线：flex 均分两侧剩余空间，max-width 限制单侧最大长度。 */
.qing-ld-line {
	flex: 1 1 0;
	height: 1px;
	max-width: 120px;
	border: 0;
}

/* 左线：从外侧透明渐变到靠中心的实色。 */
.qing-ld-line--left {
	background-image: linear-gradient( to right, transparent, var( --qing-ld-line-color ) );
}

/* 右线：从靠中心的实色渐变到外侧透明。 */
.qing-ld-line--right {
	background-image: linear-gradient( to left, transparent, var( --qing-ld-line-color ) );
}

/* 中心内容容器：不收缩，图片按控件宽度展示。 */
.qing-ld-logo {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.qing-ld-logo a {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	line-height: 0;
}

.qing-ld-logo img {
	display: block;
	width: 120px;
	height: auto;
}

/* 文字来源：颜色 / 排版由控件覆盖。 */
.qing-ld-text {
	line-height: 1.2;
	white-space: nowrap;
}