/* Bổ sung riêng cho bản WordPress — phần còn lại là CSS gốc của mẫu (base.css, page.css). */

/* Icon: CSS gốc gọi font "Font Awesome 6 Pro" bằng ::before — trỏ sang bản FREE kèm theo.
   (light/regular → regular, đậm → solid) */
@font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 900; font-display: swap; src: url('../lib/fontawesome/webfonts/fa-solid-900.woff2') format('woff2'); }
@font-face { font-family: 'Font Awesome 6 Pro'; font-style: normal; font-weight: 100 800; font-display: swap; src: url('../lib/fontawesome/webfonts/fa-regular-400.woff2') format('woff2'); }
.w3-chev { font-size: .9rem; margin-left: .4rem; font-weight: 900; }

/* menu WordPress: ul do wp_nav_menu sinh ra */
.menu-section .menu > li.active > a,
.menu-section > ul > li.active > a { color: var(--color-highlight) !important; }
.home:not(.is-mobile) .setting-menu:not(.fixed) .menu-section > ul > li.active > a { color: var(--color-highlight) !important; }
.menu-section .sub-menu { list-style: none; }
.menu_top .menu-content li { list-style: none; }
.footer-menu-section li > a { color: #fff; }
.footer-menu-section li > a:hover { color: var(--color-highlight); }
.footer-last ul { list-style: none; }
.w3-hours p { margin: 0; color: #fff; }
.w3-hours p.color-highlight { color: var(--color-highlight); }
.w3-menu-extra { display: none; }

/* nền đặt bằng style inline thay cho lazy-load */
.w3-quote { background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
.bg_thongke { background-position: center; background-repeat: no-repeat; background-size: cover; }

/* ô bẫy chống spam của form liên hệ */
.w3-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 */
.w1-edit-row { margin-top: 1rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.mtc-editable:hover .w1-edit-row > .mtc-edit-btn,
html.mtc-show-all .w1-edit-row > .mtc-edit-btn { display: inline-block; position: static; }

/* phân trang trang danh sách */
.w3-pagination .nav-links { display: flex; justify-content: center; gap: .6rem; margin-top: 2rem; }
.w3-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; }
.w3-pagination .page-numbers.current, .w3-pagination .page-numbers:hover {
	background: var(--color-highlight); border-color: var(--color-highlight); color: #fff; }
.per-page-variation.active span { color: var(--color-highlight); font-weight: 700; }

/* nội dung bài */
.article-content img { max-width: 100%; height: auto; }

/* form bình luận mặc định của WordPress theo kiểu ô nhập của mẫu */
.comment-respond { margin-top: 3rem; }
.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; color: var(--color-main); }
.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: #f3f3f3; }
.comment-form textarea { height: 120px; }
.comment-form .submit { background: var(--color-highlight); color: #fff; border: 0; padding: 1rem 2rem; cursor: pointer; }

/* thanh Bộ lọc mobile của trang sản phẩm */
.filter-url .btn-filter-mobile { display: none; }

/* ---------------- mobile ---------------- */
@media (max-width: 991px) {
	.w3-menu-extra { display: block; border-top: 1px solid #eee; padding: 1rem 0; }
	.w3-menu-extra ul { list-style: none; margin: 0; padding: 0; }
	.w3-menu-extra a { display: block; padding: .9rem 1.5rem; color: var(--color-main) !important; font-weight: 600; }
	.filter-url .btn-filter-mobile { display: inline-block; }
}
.w3-noscroll{overflow:hidden}

/* class bố cục của mẫu (display-2, h1, font-weight:500…) không được đổi độ đậm của icon FA free
   — đổi là rơi sang bộ regular và icon solid hiện ô vuông */
.fa-solid, .fas { font-weight: 900 !important; }
.fa-regular, .far, .fa-brands, .fab { font-weight: 400 !important; }

/* khối trang chủ nối nhau như bản gốc: lề trên/dưới của các dải chập vào nhau (lưới của plugin thì không chập) */
.mtc-row { display: block; }

/* ---- mobile: đầu trang gọn — logo + nút menu + tìm kiếm + gọi trên MỘT hàng (thanh xanh trên cùng đã ẩn ≤1200px) ---- */
@media (max-width: 767px) {
	.setting-menu { padding-top: 1rem !important; padding-bottom: 1rem !important; }
	.setting-menu > .container > .row { flex-wrap: nowrap; align-items: center; }
	.setting-menu > .container > .row > .col-md-3 { flex: 0 1 auto; width: auto; max-width: 48%; }
	.setting-menu > .container > .row > .col-md-9 { flex: 1 1 auto; width: auto; max-width: none; align-items: center; }
	.setting-menu .logo-section { padding: 0 !important; }
	.setting-menu .logo-section img { max-height: 4rem; width: auto; }
	.setting-menu .btn-action-header { width: 38px; height: 38px; }
	.setting-menu .btn-action-header i { font-size: 1.5rem; }
	.setting-menu .entire-action-header { margin-left: .6rem; }
	.setting-menu .btn-menu-mobile { width: 38px; height: 38px; line-height: 38px; font-size: 2.6rem; }
}