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

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

/* menu footer dùng lại kiểu của mẫu */
.w1-footer-menu li { margin-bottom: 1.5rem; }
.w1-footer-menu a { color: #a3a3a3; }
.w1-footer-menu a:hover { color: var(--color-highlight); }

/* nền đặt bằng style inline thay cho lazy-load của web4s */
.service-category, .testimonial-section, .partners-section, .fun-fact-section,
.pagehding-sec, .background-about, .background__1cta, .background__2cta { background-repeat: repeat; }
.fun-fact-section, .pagehding-sec { background-size: cover; background-position: center; }

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

.w1-zalo { font-weight: 700; font-size: 12px; }

/* 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; justify-content: center; }
.mtc-editable { display: inline; }
div.mtc-editable { display: block; }

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

/* nội dung bài */
.article-content img { max-width: 100%; height: auto; }
.article-content blockquote { background: var(--color-highlight); color: #fff; padding: 3rem 3rem 3rem 9rem; margin: 3rem 0; font-size: 1.8rem; }

/* 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: #fff; }
.comment-form textarea { height: 150px; }
.comment-form .submit { background: var(--color-main); color: #fff; border: 0; padding: 1.2rem 2.5rem;
	text-transform: uppercase; font-weight: 600; letter-spacing: 1px; cursor: pointer; }
.comment-form .submit:hover { background: var(--color-highlight); }