/* HK Decor Line: nằm tuyệt đối phía sau nội dung của container cha. */
/* Khung thiết kế tối đa (mặc định 1600px, căn giữa): vị trí/độ rộng tính theo khung này,
   nên trên màn hình rất rộng nét không bị phóng to quá mức so với nội dung. */
.elementor-widget-hk-decor-line {
	--hk-decor-frame: 1600px;

	position: absolute !important;
	top: 0;
	bottom: 0;
	left: 50%;
	width: min(100%, var(--hk-decor-frame)) !important;
	transform: translateX(-50%);
	z-index: -1;
	max-width: none !important;
	margin: 0 !important;
	pointer-events: none;
}

/* Container chứa đường kẽ tạo stacking context: nền container < đường kẽ < nội dung. */
.e-con:has(> .elementor-widget-hk-decor-line),
.e-con:has(> .e-con-inner > .elementor-widget-hk-decor-line) {
	isolation: isolate;
}

.hk-decor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: var(--hk-cream-2);
	line-height: 0;
}

.hk-decor__inner,
.hk-decor svg,
.hk-decor__img {
	display: block;
	width: 100%;
	height: auto;
}

.hk-decor svg {
	overflow: visible;
}

/* Trong editor: cho phép chọn widget ở vùng trống */
.elementor-editor-active .elementor-widget-hk-decor-line {
	pointer-events: auto;
}

.elementor-editor-active .elementor-widget-hk-decor-line:hover {
	outline: 1px dashed rgba(246, 155, 15, .5);
}