/* 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 */
.w204-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

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

/* 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; }

/* 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 */
.w204-edit-row { margin-top: 1rem; display: flex; gap: .5rem; justify-content: center; }
html.mtc-show-all .w204-edit-row > .mtc-edit-btn { display: inline-block; position: static; }
/* thanh sửa slide: góc trên bên phải của slide, nút có nhãn */
.swiper-slide > .w204-slide-tools { position: absolute; top: 24px; right: 24px; z-index: 30; margin: 0; flex-direction: column; align-items: flex-end; gap: 8px; }
.swiper-slide > .w204-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 > .w204-slide-tools > .mtc-edit-btn::after { content: ' ' attr(data-label); font-weight: 500; }
/* vùng có ảnh nền / ảnh lớn: nút đổi ảnh nằm góc trên phải trong vùng (không bị overflow cắt) */
.w204-bgedit > .mtc-edit-btn { top: 12px; right: 12px; }
.mtc-editable > .mtc-edit-btn ~ .mtc-edit-btn { right: 24px; }
.mtc-editable > .mtc-edit-btn ~ .mtc-edit-btn ~ .mtc-edit-btn { right: 58px; }

/* menu WordPress */
.menu-section ul { list-style: none; }
.w204-menu-cta { display: none; }

/* thanh admin của WordPress che thanh menu cố định */
.admin-bar .setting-menu.fixed { top: 32px; }
@media (max-width: 782px) { .admin-bar .setting-menu.fixed { top: 46px; } }

/* ảnh slider phủ đủ chiều ngang màn hình rộng */
.swiper-slider-main .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1601px) { .swiper-slider-main .swiper-slide > img { height: 787px; } }

/* nội dung bài */
.article-content img { max-width: 100%; height: auto; }
.article-content table { max-width: 100%; }
.article-detail .article-content { overflow-wrap: break-word; }
.entry-media img { max-width: 100%; height: auto; }

/* tiện ích: icon thay cho ảnh icon của bản gốc */
.w204-fac-icon { width: 50px; min-width: 50px; font-size: 3.4rem; line-height: 1; color: var(--color-highlight); text-align: center; padding-top: .3rem; }
.w204-zalo { font-weight: 700; font-size: 1.2rem; }

/* phân trang */
.w204-pagination .nav-links { display: flex; justify-content: center; gap: .6rem; margin-top: 2rem; }
.w204-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; }
.w204-pagination .page-numbers.current, .w204-pagination .page-numbers:hover { background: var(--color-highlight); border-color: var(--color-highlight); color: #fff; }

/* menu thả xuống "Sắp xếp" do JS của theme bật tắt (không dùng JS bootstrap) */
.orderby-section .dropdown { position: relative; }
.orderby-section .dropdown-menu.show { display: block; right: 0; left: auto; }
.orderby-title { cursor: pointer; }

/* popup đặt phòng do JS của theme bật/tắt */
.modal { overflow-y: auto; }
.modal-backdrop.w204-backdrop { z-index: 1040; }
.modal.show { z-index: 1050; display: block; }
.modal .modal-dialog { margin-left: auto; margin-right: auto; }
.modal .close { z-index: 2; background: none; border: 0; font-size: 3rem; line-height: 1; cursor: pointer; }
.modal .modal-body { position: relative; }

/* thông báo gửi form trong thanh đặt phòng nhanh */
.form-booking-home .alert { margin-bottom: 1.5rem; }

/* ----- mobile: thanh trên 1 hàng, logo + nút menu 1 hàng, nút Đặt phòng chuyển vào menu trượt ----- */
@media (max-width: 767px) {
	.top-header .head-info { font-size: 1.2rem; }
	.top-header .head-info .pl-5 { padding-left: .8rem !important; }
	.top-header .head-info a { margin-left: .5rem !important; white-space: nowrap; }
	.top-header .head-info i { width: 22px; height: 22px; line-height: 22px; font-size: 1.1rem; }
	.top-header > .container > .row > div { flex-wrap: nowrap; justify-content: center; }
	.top-header .float-lg-right, .top-header .btn-booking { display: none; }
	.top-header .float-right { float: none !important; }
	.setting-menu > .container > .row > div { flex-wrap: nowrap; }
	.setting-menu .logo-section img { max-height: 4rem; width: auto; }
	.w204-menu-cta { display: block; padding: 2rem 1.5rem; }
	.w204-menu-cta .btn { display: block; text-align: center; }
}

/* tiêu đề khối giới thiệu là link nhưng giữ màu chữ như bản gốc */
.intro-home .title-section a { color: inherit; }