/*
 * Giao diện điện thoại (≤ 767 px) — 10/10, user giao "nghiên cứu sửa lại UI trên điện thoại".
 * Chỉ CSS, không đổi nội dung / thẻ (Google thấy y như cũ). Nạp sau responsive.css của theme cha (functions.php, ưu tiên 2100).
 * Đo trước khi sửa (iPhone 390 × 844): đầu trang + tiêu đề trang 588–712 px (gần hết màn hình đầu); đường dẫn điều hướng 8,8 px,
 * thông tin bài viết 11 px, tên tháng trên lịch 7–8 px; liên kết chân trang / danh mục cao 13–15 px (khó bấm).
 */
@media (max-width: 767px) {

	/* 1. Đầu trang gọn: bỏ khoảng trống chèn thêm, SĐT + email một hàng, logo nhỏ lại, nút menu sát lên */
	header.top_panel .vc_empty_space {
		height: 0 !important;
	}
	header.top_panel > .vc_row.rb-top-layer:first-child {
		padding-top: 10px !important;
		padding-bottom: 4px !important;
	}
	header.top_panel .sc_content_container:has(#header-phone) {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 18px;
	}
	header.top_panel .sc_content_container:has(#header-phone) > .sc_layouts_item {
		flex: 0 0 auto;
		width: auto !important;
		margin: 0 !important;
	}
	#header-phone .sc_layouts_iconed_text_link,
	#header-mail .sc_layouts_iconed_text_link {
		font-size: 12px;
		line-height: 32px;   /* vùng bấm 32 px để gọi / gửi thư */
	}
	header.top_panel .sc_layouts_logo img.logo_image {
		max-height: 104px;
		width: auto;
	}
	header.top_panel .sc_layouts_column .sc_layouts_item {
		margin-top: 4px !important;
		margin-bottom: 4px !important;
	}
	header.top_panel > .vc_row.rb-top-layer.sc_layouts_row {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	/* tiêu đề trang trong đầu trang */
	header.top_panel .vc_row.sc_layouts_row_type_normal {
		padding-top: 4px !important;
		padding-bottom: 14px !important;
	}
	header.top_panel .sc_layouts_title {
		margin-bottom: 0 !important;
	}
	header.top_panel .sc_layouts_title_caption {
		font-size: 30px !important;
		line-height: 1.15 !important;
	}
	header.top_panel .sc_layouts_title_breadcrumbs {
		margin-top: 8px !important;
	}

	/* trang chủ: bỏ chiều cao tối thiểu 90vh của nền đầu trang (rb_custom_header) — trên điện thoại slider tự quyết chiều cao */
	body.home header.top_panel {
		min-height: 0 !important;
	}

	/* 2. Chữ đọc được (≥ 12 px) */
	.breadcrumbs,
	.breadcrumbs .breadcrumbs_item {
		font-size: 12px !important;
	}
	.post_meta,
	.post_meta_item,
	.post_meta_label,
	.post_counters_label,
	.post_meta a,
	a.more-link {
		font-size: 12.5px !important;
	}
	table.booked-calendar .monthName {
		font-size: 13px !important;
	}
	table.booked-calendar thead th,
	table.booked-calendar tr.days th {
		font-size: 11px !important;
	}

	/* 3. Liên kết dễ bấm (cao ≥ 30 px) mà không đổi bố cục */
	.footer_wrap .menu-item > a,
	.widget_categories li > a,
	.widget_recent_entries li > a,
	.widget_archive li > a {
		display: inline-block;
		padding-top: 7px;
		padding-bottom: 7px;
	}

	/* 4. Slider trang Địa điểm (868): Revolution Slider 6.3 chưa có bố cục điện thoại → chữ bị thu còn 3–4 px, nút "Xem Lookbook"
	   lệch ra mép trái. Trên điện thoại ẩn lớp chữ / nút của slider này, giữ ảnh chạy như slider trang chủ. Muốn hiện chữ trên điện
	   thoại thì chỉnh lớp "Mobile" trong trình sửa slider. */
	body.page-id-868 rs-module rs-layer[class*="slider_1_"] {
		visibility: hidden !important;
	}
}