/* 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 */
.w202-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 */
.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: ảnh/nền/thẻ nằm trong vùng bị cắt (overflow) → đặt nút vào góc trong */
.mtc-editable.w202-bgedit > .mtc-edit-btn { top: 12px; right: 12px; }
.mtc-editable.w202-bgedit > .mtc-edit-btn ~ .mtc-edit-btn { right: 52px; }
.mtc-editable.w202-bgedit > .mtc-edit-btn ~ .mtc-edit-btn ~ .mtc-edit-btn { right: 92px; }

/* menu WordPress: ul do wp_nav_menu sinh ra */
.menu-section ul { list-style: none; }

/* menu footer */
.menu-footer ul { list-style: none; padding-left: 0; }

/* nút liên hệ nổi: icon dựng bằng Font Awesome thay cho ảnh của mẫu gốc */
.contact-right ul { list-style: none; margin: 0; padding: 0; }
.contact-right .entry-content { list-style: none; }
.contact-right .w202-ico-fb { font-size: 3.2rem; color: #0a7cff; }
.contact-right .w202-ico-tel { font-size: 2.8rem; color: #6c4bd6; }
.contact-right .icon { display: inline-flex; align-items: center; justify-content: center; width: 32px; }

/* phân trang kiểu <ul class="pagination"> */
ul.pagination { display: flex; justify-content: center; padding-left: 0; list-style: none; flex-wrap: wrap; }

/* nội dung bài */
.article-content img { max-width: 100%; height: auto; }
.article-content table { max-width: 100%; }
.article-content .table-responsive, .article-content > div { overflow-x: auto; }

/* bình luận */
.comment-form p { margin-bottom: 1.5rem; }
.comment-form label { display: block; margin-bottom: .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; border-radius: 6px; }
.comment-form textarea { height: 120px; }
.comment-form .submit { background: var(--color-highlight); color: #fff; border: 0; padding: 1rem 2.5rem; cursor: pointer; border-radius: 6px; }
.comment-list { padding-left: 0; list-style: none; }
.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; }

/* chia sẻ cạnh bài: nút tròn màu + icon trắng (bản gốc dùng SVG) */
.box-article-detail .social-share .list-social .btn-social a { font-size: 1.8rem; background: #1877f2; }
.box-article-detail .social-share .list-social .btn-social:nth-child(2) a { background: #1da1f2; }
.box-article-detail .social-share .list-social .btn-social:nth-child(3) a { background: #0a66c2; }

/* form đặt tour: icon đầu ô */
.product-content-detail-right .form-group .icon i { font-size: 1.8rem; color: #6b7280; }

/* WordPress thêm ô "lưu tên và email" vào form bình luận — mẫu gốc không có */
.comment-form-cookies-consent { display: none; }

/* ô tìm kiếm + khung thông tin liên hệ: icon Font Awesome thay cho SVG của bản gốc */
.box-search .input-group .input-group-append .btn-submit i { color: #6b7280; font-size: 1.8rem; }
.box-map-contact .info-website .item .name i { margin-right: .8rem; }

/* logo rộng hơn khung hẹp trên mobile: co theo khung nhưng giữ đúng tỉ lệ, không bị ép méo */
.logo-section img { height: auto; width: auto; max-width: 100%; max-height: 5rem; object-fit: contain; }
.box-search .icon { display: none; }
@media (max-width: 1200px) { .box-search .icon { display: inline-flex; } .box-search .icon i { color: var(--color-highlight); font-size: 1.8rem; } }
