/* ============================================================
 *  HDV - Hướng dẫn viên
 * ============================================================ */
.hdv-single .content-detail-post { word-break: break-word; }

/* Tiêu đề hero đồng màu theme (như TopAZ), ghi đè rule ép trắng của theme */
.hero_page .top-heading.hdv-hero-title { color: var(--secondary, #FAA719) !important; }

/* Gom đánh giá kk Star Ratings ở cuối bài vào trong khung nội dung */
.hdv-single .entry.content-detail-post { overflow: hidden; }
.hdv-single .kksr-wrap,
.hdv-single .kk-star-ratings {
	clear: both;
	float: none !important;
	margin: 16px 0 !important;
	padding: 0 !important;
	text-align: left;
}
.hdv-single .hdv-comments { clear: both; }

/* Ẩn đánh giá sao kk tự chèn ở cuối bài (đầu trang dưới tên HDV đã có sao) */
.hdv-single .entry.content-detail-post [class*="kksr"],
.hdv-single .entry.content-detail-post .kk-star-ratings { display: none !important; }

/* Đánh giá sao dưới tên HDV: desktop chữ nằm cùng hàng sau sao */
.hdv-single .kk-rating .kk-star-ratings,
.hdv-single .kk-rating .kksr-wrap {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	float: none !important;
	margin: 0 !important;
}
.hdv-single .kk-rating .kksr-legend { margin: 0 !important; padding: 0 !important; }

/* Mobile: sao căn giữa, chữ căn giữa ngay dưới sao */
@media (max-width: 767px) {
	.hdv-single .kk-rating { text-align: center; }
	.hdv-single .kk-rating .kk-star-ratings,
	.hdv-single .kk-rating .kksr-wrap {
		flex-direction: column;
		align-items: center;
		gap: 2px;
	}
}

/* Desktop (>=992px): giữ bố cục cũ — bài + bình luận bên trái, sidebar bên phải.
   Mobile (<992px): xếp theo DOM => bài -> sidebar -> bình luận. */
@media (min-width: 992px) {
	.hdv-single .detail-post {
		display: grid;
		grid-template-columns: 8fr 4fr;
		column-gap: 1.5rem;
		align-items: start;
		margin-left: 0;
		margin-right: 0;
	}
	.hdv-single .detail-post > .hdv-main { grid-column: 1; grid-row: 1; }
	.hdv-single .detail-post > .hdv-sidebar { grid-column: 2; grid-row: 1 / span 2; }
	.hdv-single .detail-post > .hdv-comments { grid-column: 1; grid-row: 2; }
	.hdv-single .detail-post > [class*="col-"] {
		max-width: none;
		width: auto;
		flex: initial;
		padding-left: 0;
		padding-right: 0;
	}
}

/* Profile head */
.hdv-profile-head {
	display: flex;
	gap: 18px;
	align-items: center;
	padding: 16px;
	margin-bottom: 20px;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}
.hdv-profile-head .hdv-avatar img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid var(--primary, #02c9ba);
}
.hdv-profile-meta .single-post-title { font-size: 24px; margin: 0 0 6px; }
.hdv-badge {
	display: inline-block;
	background: #f1fbfa;
	color: #0a8f85;
	font-size: 13px;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 20px;
	margin: 0 6px 6px 0;
}
.hdv-badge i { margin-right: 4px; }
.hdv-taxo { display: flex; flex-wrap: wrap; gap: 6px 16px; }
.hdv-taxo-item {
	display: inline-block;
	font-size: 13px;
	color: #555;
}
.hdv-taxo-item i { color: var(--secondary, #FAA719); margin-right: 4px; }

/* Blocks in content */
.hdv-block { margin: 24px 0; }
.hdv-block-title {
	font-size: 19px;
	font-weight: 700;
	margin-bottom: 12px;
	padding-left: 10px;
	border-left: 4px solid var(--primary, #02c9ba);
}
.hdv-check-list { list-style: none; padding: 0; margin: 0; }
.hdv-check-list li {
	position: relative;
	padding: 6px 0 6px 4px;
	border-bottom: 1px dashed #eee;
	font-size: 15px;
}
.hdv-check-list li i {
	color: var(--primary, #02c9ba);
	margin-right: 8px;
}

/* Sidebar cards */
.hdv-sidebar .hdv-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
}
.hdv-card-header {
	background: var(--primary, #02c9ba);
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	padding: 12px 16px;
}
.hdv-card-body { padding: 16px; }

.hdv-info-list { list-style: none; padding: 0; margin: 0; }
.hdv-info-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	border-bottom: 1px dashed #eee;
	font-size: 14px;
	color: #333;
}
.hdv-info-list li:last-child { border-bottom: none; }
.hdv-info-list li i {
	color: var(--primary, #02c9ba);
	width: 16px;
	text-align: center;
	margin-top: 3px;
}
.hdv-info-list li a { color: #333; }
.hdv-info-list li a:hover { color: var(--primary, #02c9ba); }

/* Social links */
.hdv-social-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 14px 0;
}
.hdv-social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: #fff !important;
	font-size: 16px;
	transition: transform .2s ease, opacity .2s ease;
}
.hdv-social:hover { transform: translateY(-2px); opacity: .9; color: #fff; }
.hdv-facebook  { background: #1877f2; }
.hdv-zalo      { background: #0068ff; }
.hdv-tiktok    { background: #010101; }
.hdv-youtube   { background: #ff0000; }
.hdv-instagram { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.hdv-website   { background: #6c757d; }
.hdv-weibo     { background: #e6162d; }

/* Booking button */
.hdv-booking-btn {
	display: block;
	width: 100%;
	text-align: center;
	background: var(--secondary, #FAA719);
	color: #fff !important;
	font-weight: 700;
	padding: 12px;
	border-radius: 8px;
	margin-top: 6px;
	transition: filter .2s ease;
}
.hdv-booking-btn:hover { filter: brightness(1.05); color: #fff; }

/* Tags */
.hdv-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.hdv-tag {
	background: #f1fbfa;
	color: #0a8f85;
	font-size: 13px;
	padding: 5px 12px;
	border-radius: 20px;
}

@media (max-width: 767px) {
	.hdv-profile-head { flex-direction: column; text-align: center; }
	.hdv-profile-head .hdv-avatar img { width: 100px; height: 100px; }
}

/* ============================================================
 *  Trang lưu trữ /hdv — tìm kiếm & thẻ HDV
 * ============================================================ */
.hdv-search { margin-bottom: 10px; }
.hdv-search-title { font-size: 30px; font-weight: 800; margin: 0 0 6px; color: #1a2b4a; }
.hdv-search-sub { color: #6b7280; margin: 0 0 18px; }

.hdv-search-form {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: stretch;
}
.hdv-search-box {
	position: relative;
	flex: 1 1 320px;
	min-width: 240px;
}
.hdv-search-box i {
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	color: #9ca3af;
}
.hdv-search-box input {
	width: 100%;
	height: 52px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 0 16px 0 42px;
	font-size: 15px;
	background: #fff;
	outline: none;
}
.hdv-search-box input:focus { border-color: var(--primary, #02c9ba); }
.hdv-search-form select {
	height: 52px;
	min-width: 150px;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 0 14px;
	font-size: 15px;
	background: #fff;
	color: #374151;
	cursor: pointer;
	outline: none;
}
.hdv-search-form select:focus { border-color: var(--primary, #02c9ba); }
.hdv-search-btn {
	height: 52px;
	min-width: 56px;
	border: none;
	border-radius: 12px;
	background: var(--primary, #02c9ba);
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	transition: filter .2s ease;
}
.hdv-search-btn:hover { filter: brightness(1.05); }

/* Thẻ HDV */
.hdv-card-item {
	background: #fff;
	border: 1px solid #eef0f3;
	border-radius: 16px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .05);
	transition: transform .2s ease, box-shadow .2s ease;
}
.hdv-card-item:hover { transform: translateY(-4px); box-shadow: 0 10px 26px rgba(0, 0, 0, .1); }
.hdv-card-thumb {
	display: block;
	aspect-ratio: 1 / 1;
	background: #eef1f4;
	overflow: hidden;
}
.hdv-card-thumb img { width: 100%; height: 100%; object-fit: cover; }
.hdv-card-noimg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 60px;
	color: #c3cbd6;
}
.hdv-card-body { padding: 16px 18px 20px; display: flex; flex-direction: column; flex: 1; }
.hdv-card-name { font-size: 18px; font-weight: 700; margin: 0 0 6px; }
.hdv-card-name a { color: #1a2b4a; }
.hdv-card-name a:hover { color: var(--primary, #02c9ba); }
.hdv-card-meta { color: #6b7280; font-size: 14px; margin: 0 0 10px; }
.hdv-card-rating { font-size: 14px; color: #374151; margin-bottom: 14px; }
.hdv-card-rating .fa-star { color: #f5a623; margin-right: 4px; }
.hdv-card-avg { font-weight: 700; margin-right: 4px; }
.hdv-card-count { color: #9ca3af; }
.hdv-card-btn {
	margin-top: auto;
	display: block;
	text-align: center;
	background: var(--primary, #02c9ba);
	color: #fff !important;
	font-weight: 700;
	padding: 12px;
	border-radius: 10px;
	transition: filter .2s ease;
}
.hdv-card-btn:hover { filter: brightness(1.05); color: #fff; }

.hdv-empty { text-align: center; color: #6b7280; padding: 40px 0; }

.hdv-pagination { display: flex; justify-content: center; gap: 6px; }
.hdv-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	color: #374151;
	background: #fff;
}
.hdv-pagination .page-numbers.current,
.hdv-pagination .page-numbers:hover {
	background: var(--primary, #02c9ba);
	border-color: var(--primary, #02c9ba);
	color: #fff;
}

@media (max-width: 767px) {
	.hdv-search-form { flex-direction: column; }
	.hdv-search-form select,
	.hdv-search-box { min-width: 100%; flex: 1 1 100%; }
}