/* 前台组装 carousel 前，先只显示第一屏。封面在 __inner-container 里，不能用 > 直选 */
.banner-area.hlbts-banner-blocks .wp-block-cover.hlbts-banner-slide ~ .wp-block-cover.hlbts-banner-slide {
	display: none;
}

.banner-area.hlbts-banner-blocks .slider-thumb.bg-cover {
	height: 100% !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

.banner-area.hlbts-banner-blocks .carousel-control.left {
	left: 20px;
}

.banner-area.hlbts-banner-blocks .carousel-control.right {
	right: 20px;
}

/* 编辑器里封面仍保持可点选改图 */
.editor-styles-wrapper .banner-area .wp-block-cover.hlbts-banner-slide {
	min-height: 640px;
	padding: 120px 20px;
}

.editor-styles-wrapper .banner-area .hlbts-banner-slide .wp-block-heading,
.editor-styles-wrapper .banner-area .hlbts-banner-slide p {
	color: #fff;
}

/* 主导航：WP 菜单套原站 bootsnav */
#navbar-menu .dropdown-menu {
	display: none;
}

#navbar-menu li.dropdown.open > .dropdown-menu,
#navbar-menu li.dropdown:hover > .dropdown-menu {
	display: block;
}

header .navbar-brand img.logo {
	max-height: 48px;
	width: auto;
}

.wp-block-group.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}

/* Gutenberg constrained 在 __inner-container 上，放开给 Bootstrap .container */
.wp-block-group.container.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
.wp-block-group.container > .wp-block-group__inner-container.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.wp-block-columns.row {
	gap: 0 !important;
	margin-bottom: 0;
}

/* WP columns 自带 align-items:normal !important，源站 .align-center 才能生效 */
.wp-block-columns.row.align-center {
	align-items: center !important;
}

.wp-block-columns.row > .wp-block-column {
	margin: 0;
}

/* WP 的 flex-basis:0 / flex-grow:1 会盖掉源站 col-lg-* */
@media (min-width: 992px) {
	.wp-block-columns.row > .wp-block-column.col-lg-4 {
		flex: 0 0 33.333333% !important;
		max-width: 33.333333%;
	}

	.wp-block-columns.row > .wp-block-column.col-lg-5 {
		flex: 0 0 41.666667% !important;
		max-width: 41.666667%;
	}

	.wp-block-columns.row > .wp-block-column.col-lg-6 {
		flex: 0 0 50% !important;
		max-width: 50%;
	}

	.wp-block-columns.row > .wp-block-column.col-lg-7 {
		flex: 0 0 58.333333% !important;
		max-width: 58.333333%;
	}

	.wp-block-columns.row > .wp-block-column.col-lg-8 {
		flex: 0 0 66.666667% !important;
		max-width: 66.666667%;
	}

	.wp-block-columns.row > .wp-block-column.col-lg-10 {
		flex: 0 0 83.333333% !important;
		max-width: 83.333333%;
	}

	.wp-block-columns.row > .wp-block-column.offset-lg-1 {
		margin-left: 8.333333% !important;
	}
}

/* 源站颜色来自 .box-table.shadow.dark 的 50% 黑遮罩，不是 -webkit-tap-highlight-color */
.banner-area .wp-block-cover__background.has-background-dim {
	opacity: 0.5 !important;
}

.banner-area .shadow.dark::after {
	background: #000;
	opacity: 0.5;
}

.banner-area .content .wp-block-heading,
.banner-area .content p,
.banner-area .wp-block-cover .wp-block-heading,
.banner-area .wp-block-cover p {
	color: #fff;
}

.banner-area .content p,
.banner-area .wp-block-cover p {
	padding-right: 0;
}

/* 底部白浪：用媒体库里的 2.png，规则与源站一致 */
.banner-area.hlbts-banner-blocks {
	position: relative;
	overflow: hidden;
}

.banner-area.hlbts-banner-blocks::after {
	display: none;
}

.banner-area.shape .box-cell::before {
	background: url("https://hlbts.tw/wp-content/uploads/2026/10/2.png") no-repeat bottom center / contain;
	height: 100%;
	width: 100%;
	left: 0;
	bottom: -1px;
	top: auto;
	pointer-events: none;
}

/* class 在 .wp-block-button 外壳上，视觉必须落到 __link */
.wp-block-button.btn {
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0;
}

.wp-block-button.btn::before,
.wp-block-button.btn::after,
.wp-block-button.btn-gradient::after {
	display: none !important;
	content: none !important;
}

.wp-block-button.btn .wp-block-button__link {
	display: inline-block;
	font-family: 'PingFang SC','SF Pro Display','Microsoft YaHei',Roboto,Noto,Arial,sans-serif;
	font-size: 14px;
	font-weight: 800;
	line-height: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none !important;
	border-radius: 5px !important;
	padding: 15px 40px !important;
	box-shadow: none !important;
}

.wp-block-button.btn-sm .wp-block-button__link {
	padding: 10px 35px !important;
	font-size: 12px !important;
}

.wp-block-button.btn-gradient .wp-block-button__link {
	position: relative;
	z-index: 1;
	color: #fff !important;
	background: #000 !important;
	border: none !important;
}

.wp-block-button.btn-theme .wp-block-button__link {
	background-color: #000 !important;
	color: #fff !important;
	border: 2px solid #000 !important;
}

.wp-block-button.btn-dark.border .wp-block-button__link,
.wp-block-button.border .wp-block-button__link {
	background: transparent !important;
	color: #232323 !important;
	border: 2px solid #232323 !important;
}

.wp-block-button.btn-dark.border .wp-block-button__link:hover,
.wp-block-button.border .wp-block-button__link:hover {
	background: #232323 !important;
	color: #fff !important;
}

.courses-area .enroll {
	width: 100%;
}

.courses-area .enroll .wp-block-buttons,
.courses-area .enroll .wp-block-button,
.courses-area .enroll .wp-block-button__link {
	width: 100%;
	text-align: center;
}

.courses-area .heading-left .wp-block-button.border .wp-block-button__link {
	padding: 12px 30px !important;
}

/* Owl 组装前只露第一排两张，避免四张铺开 */
.testimonials-area .testimonial-items:not(:has(.owl-loaded)) .wp-block-columns.row ~ .wp-block-columns.row {
	display: none;
}

/* 评价卡：原站选择器依赖 .testimonial-items，这里两边都覆盖 */
.testimonials-area .testimonial-items .item,
.testimonials-area .item {
	padding: 50px;
	background: #fff;
	box-shadow: 0 0 10px #ccc;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border: 5px dashed rgba(255, 255, 255, 0.5);
	margin-bottom: 30px;
	text-align: center;
}

.testimonials-area .item .icon {
	position: absolute;
	right: -50px;
	top: -50px;
	height: 100px;
	width: 100px;
	background: #000;
	transform: rotate(45deg);
	margin: 0;
}

.testimonials-area .item .icon p {
	margin: 0;
}

.testimonials-area .item .icon i {
	position: absolute;
	left: 45px;
	top: 65px;
	transform: rotate(-45deg);
	color: #fff;
	font-size: 20px;
}

.testimonials-area .item .content p {
	margin-bottom: 0;
}

.testimonials-area .item .provider {
	border-top: 1px solid #ddd;
	padding-top: 30px;
	margin-top: 25px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
	gap: 20px;
}

.testimonials-area .item .provider .thumb,
.testimonials-area .item .provider .wp-block-image {
	margin: 0;
	flex: 0 0 auto;
}

.testimonials-area .item .provider img {
	border-radius: 50%;
	height: 80px;
	width: 80px;
	min-width: 80px;
	object-fit: cover;
	padding: 5px;
	background: #fff;
	box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
}

.testimonials-area .item .provider .info h5 {
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 5px;
}

.testimonials-area .item .provider .info p {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #888;
	margin: 0;
}

/* 资讯卡：补日期角标 / 底栏文字链，去掉胶囊按钮 */
.blog-area .item {
	box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%);
	background: #fff;
	overflow: hidden;
}

.blog-area .thumb {
	position: relative;
	z-index: 1;
	margin: 0;
}

.blog-area .thumb .wp-block-image,
.blog-area .thumb figure {
	margin: 0;
}

.blog-area .thumb img {
	width: 100%;
	display: block;
}

.blog-area .thumb .date {
	position: absolute;
	left: 30px;
	bottom: -20px;
	background: #000;
	color: #fff;
	padding: 10px 25px;
	text-align: center;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: 600;
	z-index: 1;
	border-radius: 5px;
	margin: 0;
}

.blog-area .thumb .date::after {
	position: absolute;
	left: 0;
	bottom: -5px;
	content: "";
	height: 17px;
	width: 99%;
	background: #000;
	transform: skewY(-7deg);
	border-radius: 5px;
	z-index: -1;
}

.blog-area .thumb .date strong {
	display: block;
	font-size: 24px;
}

.blog-area .item .content {
	padding: 30px;
	padding-top: 50px;
}

.blog-area .item .content .bottom-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #e7e7e7;
	margin-top: 15px;
	padding-top: 17px;
	font-weight: 700;
}

.blog-area .item .content .bottom-info p {
	margin: 0;
}

.blog-area .item .content .bottom-info a,
.wp-block-button.btn-more .wp-block-button__link {
	background: none !important;
	color: #666 !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	box-shadow: none !important;
	font-size: inherit;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
}

.wp-block-button.btn-more {
	background: none !important;
	padding: 0 !important;
}

.site-main .wp-block-group.alignfull + .wp-block-group.alignfull {
	margin-top: 0;
}

/* 活动条：原站选择器是 .single-event .event-box，Gutenberg 缺这层时也套上白卡片 */
.event-area .single-event .event-box,
.event-area .event-box {
	box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	margin-bottom: 0;
	border-radius: 5px;
	background: #fff;
}

.event-area .event-box .wp-block-columns.row {
	align-items: stretch;
	margin-bottom: 0;
}

.event-area .event-box .item.thumb {
	padding: 0;
}

.event-area .event-box .item.thumb .wp-block-image,
.event-area .event-box .item.thumb figure {
	height: 100%;
	margin: 0;
}

.event-area .event-box .item.thumb img {
	width: 100%;
	height: 100%;
	min-height: 280px;
	object-fit: cover;
	display: block;
}

.event-area .event-box .item .content {
	position: relative;
	padding: 70px 50px;
}

.event-area .event-box .item .content::after {
	position: absolute;
	left: 0;
	top: 50px;
	bottom: 50px;
	border-left: 1px solid #e7e7e7;
	width: 1px;
	content: "";
}

.event-area .event-box .item .content h3 {
	margin-bottom: 15px;
}

.event-area .event-box .item .content p {
	margin-bottom: 0;
}

.event-area .event-box .item .content ul {
	display: flex;
	align-items: center;
	margin-top: 20px;
	font-weight: 700;
	color: #232323;
}

/* 源站 dotted-bg.png 改走媒体库；Gutenberg 内层不要裁切 ::after */
.about-area .about-items .info::after,
.choose-us-area .item-box::after {
	background-image: url("https://hlbts.tw/wp-content/uploads/2026/10/dotted-bg.png");
}

.about-area .about-items,
.about-area .about-items .info,
.about-area .wp-block-columns,
.about-area .wp-block-column,
.about-area .container,
.about-area .wp-block-group__inner-container {
	overflow: visible;
}

.about-area .thumb .wp-block-image,
.about-area .thumb figure {
	margin: 0;
}

/* 源站 wavesshape-bottom：波浪图贴在关于我们区块底部 */
.wavesshape-bottom .waveshape .wp-block-image,
.wavesshape-bottom .waveshape figure {
	margin: 0;
}
