/* Bổ sung riêng cho bản WordPress — phần còn lại là CSS gốc của mẫu, không sửa. */

/* ô bẫy chống spam của form */
.w203-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* plugin xếp khối bằng lưới có khoảng cách 1rem; mẫu gốc tự canh khoảng cách giữa các khối */
.mtc-row { gap: 0; }

/* Font Awesome Free chỉ có 1 độ đậm cho mỗi bộ icon; CSS gốc (display-2 = 300…) làm trình duyệt chọn nhầm bộ regular → ô vuông */
.fa-solid, .fas { font-weight: 900 !important; }
.fa-regular, .far, .fa-brands, .fab { font-weight: 400 !important; }

/* nút sửa của MyTree Core: thanh nút của slide nằm trong hàng riêng (slide là ảnh phủ, không gắn nút lên chính nó được) */
.w203-edit-row { display: flex; gap: .5rem; justify-content: center; }
html.mtc-show-all .w203-edit-row > .mtc-edit-btn { display: inline-block; position: static; }
.swiper-slide > .w203-slide-tools { position: absolute; top: 90px; right: 24px; z-index: 30; margin: 0; flex-direction: column; align-items: flex-end; gap: 8px; }
.swiper-slide > .w203-slide-tools > .mtc-edit-btn { position: static; width: auto; height: auto; padding: 8px 16px; border-radius: 20px; font-size: 13px; line-height: 1.2; white-space: nowrap; }
.swiper-slide > .w203-slide-tools > .mtc-edit-btn::after { content: ' ' attr(data-label); font-family: Roboto, sans-serif; font-weight: 500; }

/* nút đổi ảnh nền nằm trong góc vùng, không bị cắt bởi overflow */
.w203-bgedit > .mtc-edit-btn { top: 12px; right: 12px; }
.mtc-editable.w203-bgedit > .mtc-edit-btn ~ .mtc-edit-btn { right: 46px; }
.mtc-editable.w203-bgedit > .mtc-edit-btn ~ .mtc-edit-btn ~ .mtc-edit-btn { right: 80px; }
.header-page-title.w203-bgedit { position: relative; }

/* ô tìm kiếm bấm mở (cảm ứng không có hover) */
.entire-action-header.w203-open .form-dropdown { opacity: 1; filter: opacity(1); visibility: visible; pointer-events: unset; }

/* ô chọn của "Tìm tour": dropdown tự bật bằng class show */
.form-search-banner .dropdown { position: relative; }
.form-search-banner .dropdown-menu.show { display: block; }
.form-search-banner .orderby-title { cursor: pointer; }
.form-search-banner .item-check.custom-control label { cursor: pointer; }

/* mục xổ xuống (accordion) tự bật bằng class show */
.collapse:not(.show) { display: none; }
.item-title-process { cursor: pointer; }

/* nút liên hệ nổi bên phải: icon vẽ bằng Font Awesome Free thay cho ảnh logo của mẫu gốc */
.w203-float { display: flex; align-items: center; justify-content: center; width: 47px; height: 47px; border-radius: 50%; color: #fff; font-size: 26px; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.w203-float--mess { background: #0a7cff; }
.w203-float--zalo { background: #0068ff; font-weight: 700; font-size: 13px; }
.w203-float--wa { background: #25d366; font-size: 29px; }
.contact-right li.entry-content { list-style: none; }

/* phân trang kiểu <ul class="pagination"> */
ul.pagination { display: flex; justify-content: center; padding-left: 0; list-style: none; margin-top: 3rem; }
ul.pagination .page-link .page-numbers, ul.pagination a.page-link, ul.pagination span.page-link { display: block; }

/* menu WordPress: ul do wp_nav_menu sinh ra */
.menu-section ul { list-style: none; }
.footer-menu-section ul li a { color: inherit; }

/* nội dung bài / tour */
.article-content img { max-width: 100%; height: auto; }
.article-content table { max-width: 100%; }
.w203-tour-meta { color: var(--color-text); font-size: 1.4rem; }
.article-content h2, .article-content h3 { margin-top: 2rem; }

/* header đè lên banner/slider (position:absolute; top:0) bị thanh admin của WordPress che mất */
body.admin-bar header .setting-menu { top: 32px; }
body.admin-bar header.fixed .setting-menu { top: 32px; }
@media (max-width: 782px) { body.admin-bar header .setting-menu, body.admin-bar header.fixed .setting-menu { top: 46px; } }

/* bình luận */
.comment-area { margin-top: 3rem; }
.comment-form p { margin-bottom: 1.5rem; }
.comment-form textarea, .comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url] {
	width: 100%; border: 1px solid #e1e1e1; padding: 1rem 1.5rem; background: #fff; }
.comment-form textarea { height: 120px; background: #f3f3f3; }
.comment-list { padding-left: 0; }
.comment-list .comment-body { padding: 1.5rem 0; border-bottom: 1px solid #e1e1e1; }
.comment-list .children { list-style: none; }
.comment-reply-title { font-size: 2.2rem; margin-bottom: 1rem; }
.comment-form .submit { cursor: pointer; }

/* ---------------- mobile: header gọn (logo + nút menu một hàng, bỏ ô tìm kiếm/ngôn ngữ trống, không tràn ngang) ---------------- */
@media (max-width: 767px) {
	.setting-menu.header-menu > .container > .row { flex-wrap: nowrap !important; align-items: center; }
	.setting-menu.header-menu > .container > .row > div:nth-child(1) { flex: 1 1 auto !important; max-width: none !important; width: auto !important; }
	.setting-menu.header-menu > .container > .row > div:nth-child(2) { flex: 0 0 auto !important; max-width: none !important; width: auto !important; }
	.setting-menu.header-menu > .container > .row > div:nth-child(3) { display: none !important; }
	.setting-menu .logo-section { margin: 0; text-align: left; }
	.setting-menu .logo-section img { max-height: 4.2rem; width: auto; }
	.contact-right { right: 8px; }
	.w203-float { width: 40px; height: 40px; font-size: 22px; }
	.w203-float--zalo { font-size: 11px; }
	/* ô tìm tour: xếp dưới slider thay vì đè lên ảnh nhỏ */
	.section-slider-banner .form-search-banner { position: static; transform: none; background: #f3f3f3; padding: 1.5rem 0 .5rem; }
	.form-search-banner .info-form .text { padding: 0 0 1rem; }
	.form-search-banner .info-form .text .title { color: var(--color-main) !important; font-size: 2.2rem; text-shadow: none; }
	.form-search-banner .info-form .text .dsc { color: var(--color-text) !important; font-size: 1.5rem; text-shadow: none; }
	.swiper-slider-main .swiper-slide img { height: 220px; object-fit: cover; }
}
