/* =============================================================
   HD Split Carousel — 分屏轮播组件样式
   ============================================================= */

/* ── 外层容器 ──────────────────────────────────────────────── */
.hdv-split-carousel {
	display: flex;
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* ── 左侧图片区 ────────────────────────────────────────────── */
.hdv-sc-image-area {
	flex: 0 0 50%;
	width: 50%;
	position: relative;
	overflow: hidden;
}

.hdv-sc-img-swiper {
	width: 100%;
	height: 100%;
}

.hdv-sc-img-swiper .swiper-slide {
	overflow: hidden;
}

.hdv-sc-img-swiper .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ── 底部分段导航条 ─────────────────────────────────────────── */
.hdv-sc-nav {
	position: absolute;
	bottom: 69px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
}

.hdv-sc-nav-track {
	display: flex;
	width: 132px;
	overflow: hidden;
}

.hdv-sc-nav-item {
	flex: 1;
	height: 2px;
	background-color: #ffffff;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.hdv-sc-nav-item.active {
	background-color: #d32027;
}

/* ── 右侧内容区 ────────────────────────────────────────────── */
.hdv-sc-content-area {
	flex: 0 0 50%;
	width: 50%;
	background-color: #eaeaea;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
}

/* View All 包装容器：与 slide-inner / arrows-outer 同宽同左边距，内部右对齐 */
.hdv-sc-view-all-outer {
	width: 466px;
	max-width: 100%;
	margin-left: 92px;
	margin-right: 0;
	flex-shrink: 0;
	display: flex;
	justify-content: flex-end;
}

/* View All 链接（靠右对齐，在包装容器内） */
.hdv-sc-view-all {
	display: inline-block;
	margin-top: 56px;
	margin-right: 0;
	font-family: Poppins, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	text-decoration: underline;
	text-transform: capitalize;
	letter-spacing: 0;
	color: #d32027;
	transition: opacity 0.2s;
}

.hdv-sc-view-all:hover {
	opacity: 0.75;
	color: #d32027;
}

/* 内容轮播：从 92px 处开始，宽度为内容块 + 60px，滑动范围自然收窄 */
.hdv-sc-content-swiper {
	flex: 1;
	overflow: hidden;
	width: calc(466px + 60px); /* 默认值，Elementor content_width 控制项会覆盖 */
	max-width: calc(100% - 92px);
	margin-left: 92px;
	align-self: flex-start;
	min-height: 0;
}

.hdv-sc-content-swiper .swiper-wrapper {
	height: 100%;
}

.hdv-sc-content-swiper .swiper-slide {
	display: flex;
	align-items: center;   /* 幻灯片内容垂直居中 */
	width: 100%;
	height: 100%;
}

/* 内容约束区：宽度撑满 swiper，左对齐，不再自身持有 margin-left */
.hdv-sc-slide-inner {
	width: 466px;
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 32px 0;
	box-sizing: border-box;
}

/* ── 小标签 ────────────────────────────────────────────────── */
.hdv-sc-tag {
	display: block;
	font-family: Poppins, sans-serif;
	font-size: 20px;
	color: #d32027;
	margin-bottom: 20px;
	line-height: 1.4;
}

/* ── 标题 ──────────────────────────────────────────────────── */
.hdv-sc-title {
	font-family: Poppins, sans-serif;
	font-size: 36px;
	font-weight: 600;
	color: #222222;
	margin: 0 0 16px;
	line-height: 1.2;
}

/* ── 描述 ──────────────────────────────────────────────────── */
.hdv-sc-desc {
	font-family: Poppins, sans-serif;
	font-size: 16px;
	color: #222222;
	margin-bottom: 39px;
	line-height: 1.6;
	/* 超出三行截断 */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* 清除 WYSIWYG 产生的 <p> 外边距 */
.hdv-sc-desc p:first-child { margin-top: 0; }
.hdv-sc-desc p:last-child  { margin-bottom: 0; }

/* ── 按钮 ──────────────────────────────────────────────────── */
.hdv-sc-btn {
	display: inline-block;
	border-radius: 0 !important;
	cursor: pointer;
	text-decoration: none;
}

/* ── 导航箭头 ──────────────────────────────────────────────── */

/* 外部对齐容器：与 slide-inner 同左对齐，距内容区左侧 92px */
.hdv-sc-arrows-outer {
	flex-shrink: 0;
	width: 466px;
	max-width: 100%;
	margin-left: 92px;
	margin-right: 0;
	padding-bottom: 40px;
}

.hdv-sc-arrows {
	display: flex;
	align-items: center;
	gap: 49px;
	margin-top: 106px;
}

.hdv-sc-prev,
.hdv-sc-next {
	/* 强制覆盖主题对 button 元素的全局样式 */
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #767676;
	transition: color 0.25s ease;
	line-height: 1;
	min-width: 0;
	min-height: 0;
	border-radius: 0 !important;
}

/* SVG 默认使用 stroke 继承颜色 */
.hdv-sc-prev svg,
.hdv-sc-next svg {
	width: 10.72px;
	height: 24px;
	stroke: currentColor;
	fill: none;
	display: block;
	transition: stroke 0.25s ease;
}

/* 上传图片模式 */
.hdv-sc-prev img,
.hdv-sc-next img {
	width: 10.72px;
	height: 24px;
	object-fit: contain;
	display: block;
}

.hdv-sc-prev:hover,
.hdv-sc-next:hover {
	color: #d32027;
	background: none !important;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

.hdv-sc-prev:focus,
.hdv-sc-next:focus {
	outline: none;
}

/* ── 响应式：平板端 + 移动端上下堆叠（≤ 1024px） ────────────── */
@media (max-width: 1024px) {

	/* 内容区在上、图片区在下 */
	.hdv-split-carousel {
		flex-direction: column-reverse;
	}

	/* 两区域各占 100% 宽度，高度固定 */
	.hdv-sc-image-area,
	.hdv-sc-content-area {
		flex: none;
		width: 100%;
	}

	/* 图片区固定高度 */
	.hdv-sc-image-area {
		height: 362px;
		min-height: unset;
	}

	/* 内容区高度自适应 */
	.hdv-sc-content-area {
		height: auto;
	}

	/* 内容 swiper 高度自适应，宽度恢复 100%（移动端不收窄） */
	.hdv-sc-content-swiper {
		flex: none;
		height: auto;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		align-self: stretch;
	}

	.hdv-sc-content-swiper .swiper-wrapper {
		height: auto;
	}

	/* slide 高度自适应，顶部对齐 */
	.hdv-sc-content-swiper .swiper-slide {
		height: auto;
		align-items: flex-start;
		justify-content: center;
	}

	/* 内容约束区：水平居中对齐，顶部开始排列 */
	.hdv-sc-slide-inner {
		width: 90% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 24px 0;
		align-items: center;
		text-align: center;
	}

	/* View All 包装容器：移动端恢复全宽，不再受 PC 端宽度和左边距限制 */
	.hdv-sc-view-all-outer {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
	}

	/* 箭头外层容器 100% 宽度，清除 PC 端左边距 */
	.hdv-sc-arrows-outer {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
	}

	/* 箭头居中排列，与内容区间距 40px */
	.hdv-sc-arrows,
	.elementor-2 .elementor-element.elementor-element-974f1b0 .hdv-sc-arrows {
		justify-content: center;
		margin-top: 40px;
	}

	/* 右箭头（下一项）显示为红色 */
	.hdv-sc-next {
		color: #D32027;
	}
	.hdv-sc-next svg {
		stroke: #D32027;
	}
	.hdv-sc-next:hover {
		color: #D32027;
	}
	.hdv-sc-next:hover svg {
		stroke: #D32027;
	}

	/* 标题字号 */
	.hdv-sc-title {
		font-size: 26px;
		max-width: 335px;
	}

	/* 描述最多显示 5 行 */
	.hdv-sc-desc {
		-webkit-line-clamp: 5;
		max-width: 335px;
	}

	/* 按钮：字号 13px，padding 8px 20px，宽度自适应 */
	.hdv-sc-btn {
		font-size: 13px !important;
		padding: 8px 20px !important;
		align-self: center;
	}

	/* View All 链接样式 */
	.elementor-2 .elementor-element.elementor-element-974f1b0 .hdv-sc-view-all {
		font-family: "Poppins", Sans-serif;
		font-size: 16px;
		font-weight: 500;
		text-transform: capitalize;
		line-height: 1.4em;
		letter-spacing: 0px;
		color: #D32027;
		text-decoration: underline;
		margin-top: 48px;
		margin-right: 50px;
	}
}

/* ── 覆盖 Elementor 响应式控件生成的 arrows-outer 宽度（≤ 767px） ── */
@media (max-width: 767px) {
	.elementor-2 .elementor-element.elementor-element-974f1b0 .hdv-sc-arrows-outer {
		width: 100%;
		max-width: 100%;
	}
}