/* 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 liên hệ */
.w5-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* 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.
   Slide có chữ position:absolute → nút nằm trong hàng riêng, hiện khi rê vào cả slide */
.w5-edit-row { margin-top: 1rem; display: flex; gap: .5rem; justify-content: center; }
.mtc-editable:hover .w5-edit-row > .mtc-edit-btn,
html.mtc-show-all .w5-edit-row > .mtc-edit-btn { display: inline-block; position: static; }

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

/* footer menu: giữ kiểu danh sách của mẫu (mũi tên trước mỗi mục) */
.footer-menu-section .list-unstyled li a { color: inherit; }

/* breadcrumb: nút đổi ảnh nền */
.w5-banner-edit { position: absolute; top: 10px; right: 10px; z-index: 5; }

/* popup báo giá do JS của theme bật/tắt (không dùng JS bootstrap) */
.modal { overflow-y: auto; }
.modal-backdrop.w5-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; }

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

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

/* nhóm con trên trang danh sách sản phẩm */
.w5-subcats .btn { font-size: 1.3rem; }

/* 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; }
.comment-form textarea { height: 120px; background: #f3f3f3; }
.comment-form .submit { background: var(--color-highlight); color: #fff; border: 0; padding: 1rem 2.5rem; cursor: pointer; }
.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; }

/* ---------------- mobile: header gọn — thanh trên 1 hàng, logo + nút menu 1 hàng, nút Liên hệ vào menu trượt */
.w5-menu-cta { display: none; }
@media (max-width: 767px) {
	.topbar-header { padding-top: .6rem !important; padding-bottom: .6rem !important; }
	.top-header ul { flex-wrap: nowrap; }
	.top-header li { white-space: nowrap; font-size: 1.3rem; }
	.top-header li i { padding: .2rem .5rem !important; }
	.setting-menu { padding-top: .6rem !important; padding-bottom: .6rem !important; }
	.setting-menu > .container > .row { flex-wrap: nowrap; align-items: center; }
	.setting-menu > .container > .row > [class*="col-"] { flex: 0 0 auto; width: auto; max-width: none; }
	.setting-menu > .container > .row > :first-child { flex: 1 1 auto; }
	.setting-menu .logo-section { padding: 0 !important; }
	.setting-menu .logo-section img { max-height: 4.4rem; width: auto; }
	.setting-menu .bao-gia, .setting-menu .search-section { display: none; }
	.w5-menu-cta { display: block; padding: 2rem 1.5rem; }
	.w5-menu-cta .btn { display: block; text-align: center; }
}

/* 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 bằng mb-5 */
.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; }

.category-description p { text-align: center; }

/* thanh admin của WordPress (khi đăng nhập) che mất header cố định */
.admin-bar .setting-menu.fixed { top: 32px; }
@media (max-width: 782px) { .admin-bar .setting-menu.fixed { top: 46px; } }

/* màn hình rộng hơn ảnh slider (1600px): ảnh phủ đủ chiều ngang, cắt bớt chiều cao thay vì để trống bên phải */
@media (min-width: 1601px) {
	.swiper-slider-main .swiper-slide > img { width: 100%; max-width: none; height: 787px; object-fit: cover; object-position: center; }
}