/*
CST Service Landing Mode — Shell CSS
Chỉ áp dụng khi plugin thêm body.cst-service-landing-mode.
Mục tiêu: Header/Footer theme vẫn nguyên, phần giữa là landing full-width.
*/

body.cst-service-landing-mode{
	overflow-x:hidden;
}

/* Không để theme tạo nền/khung bài viết */
body.cst-service-landing-mode #main,
body.cst-service-landing-mode #content,
body.cst-service-landing-mode .content-area,
body.cst-service-landing-mode .site-main,
body.cst-service-landing-mode .page-wrapper{
	max-width:none !important;
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	background:transparent !important;
}

/* Template riêng */
body.cst-service-landing-mode .cst-service-landing-template{
	width:100%;
	max-width:none;
	margin:0;
	padding:0;
	background:#fff;
}

body.cst-service-landing-mode .cst-service-landing-entry{
	width:100%;
	max-width:none;
	margin:0;
	padding:0;
	border:0;
	box-shadow:none;
	background:transparent;
}

/* Không cho WordPress/theme thêm margin vào content gốc */
body.cst-service-landing-mode .cst-service-landing-entry > p:empty{
	display:none;
}

/* Breadcrumb gọn giữa Header và Hero */
body.cst-service-landing-mode .cst-service-breadcrumb-shell{
	width:100%;
	background:#fff;
	border-bottom:1px solid #e7ecef;
}
body.cst-service-landing-mode .cst-service-breadcrumb-inner{
	width:min(1180px,calc(100% - 40px));
	margin:0 auto;
	padding:10px 0;
}
body.cst-service-landing-mode .cst-service-breadcrumb,
body.cst-service-landing-mode .rank-math-breadcrumb{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5;
	color:#73808a;
}
body.cst-service-landing-mode .cst-service-breadcrumb a,
body.cst-service-landing-mode .rank-math-breadcrumb a{
	color:#0b2d45;
	text-decoration:none;
}
body.cst-service-landing-mode .cst-service-breadcrumb span{
	margin:0 6px;
}

/*
Fallback: nếu plugin bài viết cũ vẫn inject một số thành phần qua hook/content,
ẩn chúng chỉ trên Service Landing.
*/
body.cst-service-landing-mode .entry-header,
body.cst-service-landing-mode .entry-meta,
body.cst-service-landing-mode .article-inner > .entry-header,
body.cst-service-landing-mode .post-sidebar,
body.cst-service-landing-mode .blog-share,
body.cst-service-landing-mode .post-navigation,
body.cst-service-landing-mode .navigation-post,
body.cst-service-landing-mode .comments-area,
body.cst-service-landing-mode .author-box,
body.cst-service-landing-mode .related-posts,
body.cst-service-landing-mode .cst-article-sidebar,
body.cst-service-landing-mode .cst-knowledge-sidebar,
body.cst-service-landing-mode .cst-article-related,
body.cst-service-landing-mode .cst-knowledge-related,
body.cst-service-landing-mode .cst-article-author,
body.cst-service-landing-mode .cst-knowledge-author{
	display:none !important;
}

/* Landing tự có TOC, tránh TOC thứ hai từ article plugin nếu có class dạng này */
body.cst-service-landing-mode .cst-ka-toc,
body.cst-service-landing-mode .cst-knowledge-toc,
body.cst-service-landing-mode .cst-article-toc{
	display:none !important;
}

/* Nhưng KHÔNG ẩn mục lục native của landing */
body.cst-service-landing-mode #cst-scaffold-installation-landing .ld-quicknav{
	display:block !important;
}

/* H1 nằm trong Hero là H1 duy nhất */
body.cst-service-landing-mode #cst-scaffold-installation-landing .ld-hero h1{
	margin-top:0;
}

/* Loại margin cuối do theme */
body.cst-service-landing-mode .cst-service-landing-entry > :last-child{
	margin-bottom:0;
}

@media(max-width:700px){
	body.cst-service-landing-mode .cst-service-breadcrumb-inner{
		width:min(100% - 28px,1180px);
		padding:8px 0;
	}
	body.cst-service-landing-mode .cst-service-breadcrumb,
	body.cst-service-landing-mode .rank-math-breadcrumb{
		font-size:11px;
		white-space:nowrap;
		overflow-x:auto;
	}
}


/* =========================================================
V1.0.1 PATCH — ẨN ẢNH ĐẦU TIÊN DO THEME/BLOG WRAPPER SINH RA
Mục tiêu: giữ lại ảnh Hero của landing, chỉ bỏ featured image/post thumbnail phía trên.
========================================================= */
body.cst-service-landing-mode .article-featured-image,
body.cst-service-landing-mode .article-image,
body.cst-service-landing-mode .entry-image,
body.cst-service-landing-mode .post-thumbnail,
body.cst-service-landing-mode .featured-image,
body.cst-service-landing-mode .blog-featured-title,
body.cst-service-landing-mode .page-featured-title,
body.cst-service-landing-mode .featured-title,
body.cst-service-landing-mode .featured-title.page-title,
body.cst-service-landing-mode .single-featured,
body.cst-service-landing-mode .single-post-image,
body.cst-service-landing-mode .post-item .box-image,
body.cst-service-landing-mode .article-inner > .image-tools,
body.cst-service-landing-mode .article-inner > .badge-container,
body.cst-service-landing-mode .entry-content > figure.wp-block-image:first-child,
body.cst-service-landing-mode .entry-content > p:first-child > img:only-child{
	display:none !important;
}

/* Nếu theme thêm khoảng trống sau khi ẩn ảnh đầu bài */
body.cst-service-landing-mode .article-inner,
body.cst-service-landing-mode .article-inner .entry-content,
body.cst-service-landing-mode .cst-service-landing-entry{
	padding-top:0 !important;
	margin-top:0 !important;
}

/* Đảm bảo ảnh Hero của landing vẫn hiển thị bình thường */
body.cst-service-landing-mode #cst-scaffold-installation-landing .ld-hero,
body.cst-service-landing-mode #cst-scaffold-installation-landing .ld-hero-media,
body.cst-service-landing-mode #cst-scaffold-installation-landing .ld-hero-media img{
	display:block !important;
}



/* =========================================================
V1.0.2 — FLATSOME TOP FEATURED HARD FALLBACK
PHP đã remove_action là xử lý chính.
CSS dưới đây chỉ là lớp dự phòng nếu cache/minify còn markup cũ.
========================================================= */
body.cst-service-landing-mode > .page-wrapper:first-of-type .single-featured,
body.cst-service-landing-mode #wrapper > .single-featured,
body.cst-service-landing-mode #wrapper > .blog-featured-title,
body.cst-service-landing-mode #wrapper > .featured-title,
body.cst-service-landing-mode .single-featured{
	display:none !important;
}


/* =========================================================
V1.0.3 — SERVICE SAFETY BAR
Thay breadcrumb hiển thị bằng thông điệp dịch vụ ngắn trước Hero.
Breadcrumb Schema của SEO plugin không bị tác động.
========================================================= */
body.cst-service-landing-mode .cst-service-breadcrumb-shell{
	display:none !important;
}

body.cst-service-landing-mode .cst-service-safetybar{
	width:100%;
	background:#ffffff;
	border-bottom:1px solid #e6ebee;
}

body.cst-service-landing-mode .cst-service-safetybar-inner{
	width:min(1180px,calc(100% - 40px));
	min-height:52px;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:9px 0;
}

body.cst-service-landing-mode .cst-service-safetybar-main{
	display:flex;
	align-items:center;
	gap:9px;
	min-width:0;
	color:#0b2d45;
}

body.cst-service-landing-mode .cst-safety-mark{
	width:27px;
	height:27px;
	flex:0 0 27px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background:#f28c28;
	color:#fff;
	font-size:13px;
	font-weight:900;
	line-height:1;
}

body.cst-service-landing-mode .cst-service-safetybar-main strong{
	font-size:11.5px;
	line-height:1.3;
	letter-spacing:.75px;
	font-weight:900;
	white-space:nowrap;
}

body.cst-service-landing-mode .cst-service-safetybar-sub{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:7px;
	color:#697680;
	font-size:10.8px;
	line-height:1.3;
	white-space:nowrap;
}

body.cst-service-landing-mode .cst-service-safetybar-sub i{
	color:#f28c28;
	font-style:normal;
	font-size:9px;
}

/* Hero bám sát service bar, không tạo khoảng trắng kiểu bài blog */
body.cst-service-landing-mode .cst-service-safetybar + .cst-service-landing-entry{
	margin-top:0 !important;
	padding-top:0 !important;
}

@media(max-width:900px){
	body.cst-service-landing-mode .cst-service-safetybar-inner{
		display:block;
		padding:9px 0 8px;
	}
	body.cst-service-landing-mode .cst-service-safetybar-main{
		justify-content:center;
	}
	body.cst-service-landing-mode .cst-service-safetybar-main strong{
		white-space:normal;
		text-align:center;
	}
	body.cst-service-landing-mode .cst-service-safetybar-sub{
		justify-content:center;
		flex-wrap:wrap;
		margin-top:5px;
		white-space:normal;
	}
}

@media(max-width:600px){
	body.cst-service-landing-mode .cst-service-safetybar-inner{
		width:min(100% - 28px,1180px);
		min-height:46px;
	}
	body.cst-service-landing-mode .cst-service-safetybar-main strong{
		font-size:10.5px;
		letter-spacing:.4px;
	}
	body.cst-service-landing-mode .cst-service-safetybar-sub{
		display:none;
	}
}