/*
 * hero-banner.css
 * ==================================================================
 * Canh khoảng cách banner trang chủ SÁT header, giống cách trang
 * About Us hiển thị (title/banner nằm ngay sau header, không có
 * khoảng trắng ở giữa).
 *
 * Nguyên nhân khoảng cách thừa: shortcode banner được chèn trong
 * một khối WPBakery "Text Block" (.wpb_text_column), và WPBakery
 * mặc định luôn có `margin-top: 20px` cho khối Text Block. Trang
 * About Us KHÔNG bị vì tiêu đề trang ở đó dùng module "Page Title"
 * riêng của theme, không đi qua Text Block.
 *
 * Chỉ nhắm ĐÚNG khối Text Block đang bọc banner (không đụng 7 khối
 * Text Block khác trên site vẫn cần margin-top:20px mặc định).
 * :has() được hỗ trợ tốt trên mọi trình duyệt mobile/desktop hiện đại.
 * ================================================================== */
.wpb_text_column.wpb_content_element:has(.puluong-hero-swiper) {
	margin-top: 0 !important;
}


/* ------------------------------------------------------------------
 * H1 "Pu Luong Excursions" ngay TRƯỚC banner (khối Text Block đầu tiên
 * trong cùng cột với banner). Đây là H1 chữ TRẮNG đặt trên nền trắng
 * -> VÔ HÌNH nhưng vẫn chiếm ~55px (35px cao + 20px margin), tạo
 * khoảng trắng giữa header và banner ở mobile lẫn desktop.
 *
 * GIỮ thẻ H1 trong DOM (quan trọng cho SEO - trang chủ vốn thiếu H1)
 * nhưng đưa về dạng "screen-reader-only": ẩn khỏi bố cục, KHÔNG chiếm
 * chỗ, vẫn đọc được bởi Google & trình đọc màn hình. Nhờ vậy hết
 * khoảng trắng mà không mất H1.
 *
 * Nếu sau này muốn H1 HIỂN THỊ (không ẩn), xoá block dưới đây và đổi
 * màu chữ H1 trong admin cho tương phản với nền.
 * ------------------------------------------------------------------ */
.vc_column-inner:has(.puluong-hero-swiper) > .wpb_wrapper > .wpb_text_column:first-child {
	margin-top: 0 !important;
}
.vc_column-inner:has(.puluong-hero-swiper) > .wpb_wrapper > .wpb_text_column:first-child h1 {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/* Cached guest home pages can miss the theme's inline transparent-header
 * offset. Keep desktop home matching the logged-in/admin view.
 */
@media only screen and (min-width: 1025px) {
	body.home .mkdf-page-header .mkdf-menu-area {
		background-color: transparent !important;
	}

	body.home .mkdf-content {
		margin-top: -80px !important;
	}
}