/* 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. */

/* lưới khối trang chủ của MyTree Core: mẫu gốc tự chừa khoảng cách bằng mb-5 */
.mtc-row { gap: 0; }

/* menu WordPress: ul do wp_nav_menu sinh ra */
.menu-section > ul > li.active > a,
.menu-section > ul > li > a:hover { color: var(--color-highlight); }
.menu-section .sub-menu { list-style: none; }
.footer-menu-section ul.menu { padding-left: 0; }

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

/* khối tiêu đề trang chủ: bọc div để gắn nút sửa, không đổi bố cục */
.w201-head { display: block; }

/* slider đầu trang: mỗi slide có khung chữ mờ (position:absolute) nên không gắn mtc-editable lên khung đó */
.w201-slider .swiper-slide { position: relative; }
.w201-slider .swiper-slide-active { z-index: 1; }
.w201-slider .swiper-slide--tile { margin: 0 0 .8rem; line-height: 1.3; }
.w201-slider .swiper-button-next, .w201-slider .swiper-button-prev { color: #fff; }

/* nút sửa của MyTree Core nằm cạnh nội dung, không đẩy lệch bố cục mẫu */
.w201-edit-row { margin-top: 1rem; display: flex; gap: .5rem; justify-content: center; }
html.mtc-show-all .w201-edit-row > .mtc-edit-btn { display: inline-block; position: static; }
.swiper-slide > .w201-slide-tools { position: absolute; top: 24px; right: 24px; z-index: 30; margin: 0; flex-direction: column; align-items: flex-end; gap: 8px; }
.swiper-slide > .w201-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 > .w201-slide-tools > .mtc-edit-btn::after { content: ' ' attr(data-label); font-weight: 500; }
/* vùng có ảnh nền sửa được: nút nằm trong góc vùng */
.w201-bgedit > .mtc-edit-btn { top: 12px; right: 12px; }
/* nhiều nút sửa liền nhau trên cùng một vùng: xếp lệch sang trái, không đè nhau */
.mtc-editable > .mtc-edit-btn ~ .mtc-edit-btn { right: 24px; }
.mtc-editable > .mtc-edit-btn ~ .mtc-edit-btn ~ .mtc-edit-btn { right: 58px; }

/* ảnh lớn đầu trang chi tiết tour: cùng tỉ lệ ~2,9:1 như bản gốc */
.w201-hero img { display: block; width: 100%; aspect-ratio: 2.86 / 1; object-fit: cover; height: auto; }
.w201-hero { background: #eee; }
.product-detail-head .article-content img { max-width: 100%; height: auto; }
.article-content img { max-width: 100%; height: auto; }
.article-content figure { margin: 2rem 0; text-align: center; }

/* phân trang trang danh sách */
.w201-pagination .nav-links { display: flex; justify-content: center; gap: .6rem; margin: 0 0 3rem; }
.w201-pagination .page-numbers { min-width: 40px; height: 40px; line-height: 40px; text-align: center;
	border: 1px solid #e1e1e1; color: var(--color-main); padding: 0 .8rem; border-radius: 4px; }
.w201-pagination .page-numbers.current, .w201-pagination .page-numbers:hover {
	background: var(--color-highlight); border-color: var(--color-highlight); color: #fff; }

/* form bình luận mặc định của WordPress theo kiểu ô nhập của mẫu */
.comment-respond { margin: 3rem 0; }
.comment-respond .comment-reply-title { font-size: 2.2rem; margin-bottom: 1rem; }
.comment-form p { margin-bottom: 1.5rem; }
.comment-form label { display: block; margin-bottom: .5rem; font-size: 1.4rem; }
.comment-form-cookies-consent label { display: inline; }
.comment-form input[type=text], .comment-form input[type=email], .comment-form input[type=url], .comment-form textarea {
	width: 100%; border: 1px solid #e1e1e1; padding: 1rem 1.5rem; font-size: 1.4rem; background: #fff; }
.comment-form textarea { height: 130px; }
.comment-form .submit { background: var(--color-main); color: #fff; border: 0; padding: 1rem 2.5rem; cursor: pointer; }
.comment-list { list-style: none; padding-left: 0; }

/* form liên hệ trên ảnh nền biển */
.contact-home textarea { width: 100%; min-height: 110px; border: 1px solid #e1e1e1; padding: 1rem 1.5rem; }
.contact-home .alert, .rounded.border .alert { font-size: 1.4rem; }

/* ---------------- mobile: gọn đầu trang ---------------- */
@media (max-width: 767px) {
	header { position: relative; }
	.logo-header { padding-top: .8rem !important; padding-bottom: .8rem !important; }
	.logo-header > .container > .row { flex-wrap: wrap; }
	.logo-header .w201-hbanner { display: none; }
	.logo-header > .container > .row > div:nth-child(1) { flex: 0 0 60%; max-width: 60%; }
	.logo-header > .container > .row > div:nth-child(3) { flex: 0 0 100%; max-width: 100%; }
	.logo-section img { width: auto; max-height: 56px; }
	.info-topbar { margin-bottom: .8rem !important; display: flex; flex-wrap: wrap; gap: .4rem 0; }
	.info-topbar .w201-mail { padding-left: 0 !important; }
	/* nút menu nằm cùng hàng với logo */
	.setting-menu { position: absolute; top: .8rem; right: 1.5rem; padding: 0 !important; border: 0 !important; width: auto; z-index: 5; }
	.setting-menu > .container { padding: 0; }
	.setting-menu > .container > .row { margin: 0; }
	.setting-menu > .container > .row > div { padding: 0; }
	.btn-menu-mobile { color: var(--color-highlight); border: 1px solid var(--color-highlight); border-radius: 4px; width: 44px; height: 44px; line-height: 42px; font-size: 2.2rem; background: #fff; }
	.contact-home .form-contact { width: 100% !important; padding: 2.5rem 1.8rem !important; }
	.share-buttons { display: none; }
	.product-detail-head .new-fixed.fix { position: static; }
}

/* biểu tượng: bản Font Awesome miễn phí (solid) thay cho bản Pro của mẫu gốc */
.share-button-icon.fa-solid { font-family: "Font Awesome 6 Free"; font-weight: 900; }
.search-section .btn-submit i, .search-section .btn-submit .fa-solid { color: #fff; }
/* mũi tên slider: bỏ ký tự mặc định của Swiper (cần font riêng), dùng icon FA như mẫu */
.w201-slider .swiper-button-next::after, .w201-slider .swiper-button-prev::after { display: none; }
.w201-slider .swiper-button-next, .w201-slider .swiper-button-prev { width: 5rem; height: 5rem; margin-top: -2.5rem; }
.w201-slider .swiper-button-next i, .w201-slider .swiper-button-prev i { font-size: 3.6rem; line-height: 1; text-shadow: 0 0 6px rgba(0,0,0,.45); }
.share-button .share-button-icon { color: #fff !important; }
/* tiêu đề trong nội dung bài: đậm như bản gốc (bootstrap để h2 rất mảnh) */
.article-content h2, .article-content h3 { font-weight: 700; line-height: 1.3; margin: 2.4rem 0 1rem; }
.article-content h2 { font-size: 2.4rem; }
.article-content h3 { font-size: 2rem; }
.article-content ul { margin: 0 0 1.5rem; }

/* Font Awesome Free chỉ có glyph "solid" ở độ đậm 900 — class của mẫu gốc (display-*, fw-300…) đổi độ đậm là mất icon */
.fa-solid, .fas { font-weight: 900 !important; }
.w201-slider .swiper-button-next i, .w201-slider .swiper-button-prev i { color: #fff; }

@media (max-width: 767px) {
	/* thông tin liên hệ đầu trang: bỏ chữ "Hotline:/Email:" cho vừa một hàng */
	.info-topbar a b:first-of-type { display: none; }
	.info-topbar a { margin-right: 1.2rem; }
	.info-topbar a i { margin-right: 4px; }
	.info-topbar .w201-mail { padding-left: 0 !important; }
	.search-section form { margin: 0; }
	/* slider: khung chữ nhỏ lại, nằm dưới ảnh */
	.w201-slider .swiper-slide img { height: 230px; object-fit: cover; }
	.w201-slider .swiper-slide--wrap { top: auto; bottom: 28px; transform: none; left: 3%; width: 94%; padding: .8rem 1.2rem; }
	.w201-slider .swiper-slide--tile { font-size: 1.7rem; margin-bottom: .2rem; }
	.w201-slider .swiper-slide--description { font-size: 1.2rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
	.w201-slider .swiper-button-next, .w201-slider .swiper-button-prev { display: none; }
}