/* Trang lọc album + tour (v1.5.14 → v1.5.15) — chỉ nạp ở trang nhãn album, nhóm tour, /tours/ và tour lẻ.
   Font luôn inherit (Be Vietnam Pro + Oswald của web). Thông số khối giới thiệu theo phiếu SEO V6 (anh chốt 03/10):
   tiêu đề 30px căn trái + đường kẻ, chữ 16px/1,6 #212121, nút như nút "Tư vấn tour" của UX Block, ảnh 570:453. */

/* ===== Khối dưới: .bff-loc (H1 + giới thiệu + nút [+ ảnh]) ===== */
.heading_s8.bff-loc { max-width: 760px; text-align: left; } /* trang không ảnh: cột chữ 760px, dòng không quá dài */
.heading_s8 h1.bff-loc__h1,
.heading_s8.bff-loc + .heading_s8 > h2 { /* "Danh sách tour" ngay dưới khối, cùng kiểu tiêu đề */
	margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(0, 0, 0, .1);
	color: #212121; text-align: left; font-size: 30px; font-weight: 400; line-height: 1.3; text-transform: uppercase;
}
.heading_s8.bff-loc + .heading_s8 { margin-top: 44px; }

.bff-loc__gt p { margin: 0 0 8px; font-size: 16px; line-height: 1.6; color: #212121; }
.bff-loc__gt p:last-child { margin-bottom: 0; }
.bff-loc__gt ul { list-style: none; }
.bff-loc__buoc { margin: 16px 0 0; text-align: left; } /* bỏ hộp viền: hộp chỉ chứa 1 nút */
/* Chữ nút 16px/400 = đo THẬT nút "Tư vấn tour" của UX Block (phiếu V6 ghi 700 15,52px nhưng cũng ghi "đúng như nút khối trên" → theo nút thật). */
.bff-loc__nut {
	display: inline-flex; align-items: center; height: 44px; padding: 12px 24px; border-radius: 1000px;
	background: #f58220; color: #fff; font-weight: 400; font-size: 16px; line-height: 20px; letter-spacing: normal;
	text-transform: uppercase; box-shadow: none; transition: background .15s, transform .15s;
}
.bff-loc__nut:hover, .bff-loc__nut:focus-visible { background: #d56d14; color: #fff; transform: translateY(-1px); }

/* Có ảnh: 2 cột 1:1, chữ trái ảnh phải (so le với UX Block phía trên), căn giữa dọc. */
.heading_s8.bff-loc--co-anh { max-width: none; display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px; align-items: center; }
.bff-loc__chu { min-width: 0; }
figure.bff-loc__anh { margin: 0; }
/* Bo góc khớp ảnh khối trên (v1.5.16, phiếu SEO 14/10): ảnh UX Block là PNG có góc bo SẴN trong tệp, bán kính ≈ 14px trên
   590px (đo trên ảnh chụp: 4 góc bằng nhau, co theo cỡ ảnh). Bo theo % để to nhỏ cùng ảnh: 2,4 % rộng / 3 % cao ≈ 13,7px ở 570×453. */
.bff-loc__anh img { display: block; width: 100%; height: auto; aspect-ratio: 570 / 453; object-fit: cover; border-radius: 2.4% / 3%; box-shadow: none; }

@media only screen and (max-width: 849px) {
	.heading_s8.bff-loc--co-anh { grid-template-columns: 1fr; row-gap: 16px; }
	.bff-loc__anh img { aspect-ratio: 4 / 3; border-radius: 2.4% / 3.2%; } /* 4:3 → giữ góc tròn đều */
	.heading_s8 h1.bff-loc__h1,
	.heading_s8.bff-loc + .heading_s8 > h2 { font-size: 24px; }
}

/* ===== Khối trên: UX Block "Lợi ích tour" (22874) — SEO gắn class bff-gt vào ô Class của SECTION trong UX Builder.
   Chưa gắn class → không luật nào dưới đây có hiệu lực. Không dựa vào id/class UX Builder tự sinh. ===== */
section.bff-gt .col-inner h2 {
	margin: 0; color: #212121; text-align: left !important; /* UX Builder ghi style="text-align: left" trong thẻ — giữ chiều đó */
	font-size: 30px; font-weight: 400; line-height: 1.3; text-transform: uppercase;
}
section.bff-gt .col-inner .text:has(> h2) { margin-bottom: 12px; }
section.bff-gt .col-inner .text:has(> ul) { padding-top: 12px; } /* đường kẻ = border-top sẵn có của khối chữ */
section.bff-gt .col-inner p,
section.bff-gt .col-inner li { color: #212121; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: normal; }
section.bff-gt .col-inner p { margin-bottom: 8px; }
/* Chữ danh sách luôn xuống dòng, không bao giờ rộng quá cột (phiếu SEO 14/10: dòng "Trọn gói…" bị cắt mép phải khi màn hẹp).
   Dấu ✓ là ::before đặt tuyệt đối ở dòng đầu của li nên vẫn thẳng hàng dòng đầu. */
section.bff-gt .row > .col, section.bff-gt .col-inner, section.bff-gt .col-inner .text, section.bff-gt .col-inner ul { min-width: 0; max-width: 100%; }
section.bff-gt .col-inner li { white-space: normal; overflow-wrap: break-word; max-width: 100%; }
section.bff-gt .img img { display: block; width: 100%; height: auto; aspect-ratio: 570 / 453; object-fit: cover; object-position: center; border-radius: 0; box-shadow: none; }

@media only screen and (max-width: 849px) {
	/* Flatsome để cột medium-6 thành 2 cột từ 550px → ép xếp dọc cùng ngưỡng với khối dưới. */
	section.bff-gt .row > .col { flex-basis: 100%; max-width: 100%; }
	section.bff-gt .col-inner h2 { font-size: 24px; }
	/* 4:3 cắt mất góc bo vẽ sẵn trong PNG → bo bằng CSS cho khớp ảnh khối dưới (v1.5.17, phiếu SEO 17/10). Từ 850px giữ nguyên. */
	section.bff-gt .img img { aspect-ratio: 4 / 3; border-radius: 2.4% / 3.2%; }
}

/* Tour lẻ: <h1 class="_6qdm"> ăn sẵn luật ._6qdm của child theme. Tên tour trên web vốn gõ CHỮ HOA, H1 của SEO soạn
   chữ thường → ép chữ hoa để trang nhìn như cũ (anh chốt 02/10). */
.DetaiTopTour h1._6qdm { text-transform: uppercase; }