/* =========================================================
   Tinh chỉnh riêng cho WordPress (bổ sung cho style.css gốc)
   ========================================================= */

/* Trạng thái menu đang xem -> dùng style .active của bản gốc */
.nav-links li.current-menu-item > a,
.nav-links li.current_page_item > a,
.nav-links li.current-menu-parent > a,
.nav-links li.current-post-ancestor > a {
	color: #fff;
}
.nav-links li.current-menu-item > a::after,
.nav-links li.current_page_item > a::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -2px;
	height: 2px; background: var(--gold); border-radius: 2px;
}
@media (max-width: 940px) {
	.nav-links li.current-menu-item > a::after,
	.nav-links li.current_page_item > a::after { display: none; }
}

/* Logo ảnh trong header/footer */
.brand .custom-logo,
.site-footer .f-brand .custom-logo { height: 38px; width: auto; border-radius: 8px; }
.brand a, .brand img { display: inline-block; }

/* Danh sách menu footer (wp_nav_menu xuất ul không class) */
.site-footer div > ul { list-style: none; margin: 0; padding: 0; }

/* Thẻ khóa học là <a> -> bỏ gạch chân, giữ màu chữ */
a.course-card, a.funnel-card, a.pillar, a.area-feature, a.area-mini, a.post { color: inherit; text-decoration: none; }

/* Bài viết: nội dung trong .prose */
.mtt-article h2 { font-size: 26px; margin: 28px 0 12px; }
.mtt-article h3 { font-size: 21px; margin: 22px 0 10px; }
.mtt-article ul, .mtt-article ol { margin: 0 0 16px 22px; }
.mtt-article li { margin-bottom: 6px; color: #2c3a34; }
.mtt-article img { border-radius: var(--radius); margin: 14px 0; }
.mtt-article blockquote {
	border-left: 3px solid var(--gold); background: var(--cream-2);
	padding: 12px 18px; margin: 18px 0; border-radius: 0 8px 8px 0; font-style: italic;
}
.mtt-article a { color: var(--green-700); text-decoration: underline; }

/* Phân trang */
.pagination, .nav-links.pagination { display: flex; }
.wp-pagenavi, .navigation.pagination { display: flex; justify-content: center; }
.navigation.pagination .nav-links { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; position: static; background: none; max-height: none; overflow: visible; border: none; }
.navigation .page-numbers {
	display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 12px;
	border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--muted); font-weight: 600;
}
.navigation .page-numbers.current { background: var(--green-700); color: #fff; border-color: var(--green-700); }
.navigation .page-numbers:hover { border-color: var(--green-700); color: var(--green-700); }
.navigation .page-numbers.current:hover { color: #fff; }

/* Căn chỉnh khối Gutenberg */
.aligncenter { margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 18px 12px 0; }
.alignright { float: right; margin: 0 0 12px 18px; }
.wp-caption-text, figcaption { font-size: 13px; color: var(--muted-2); text-align: center; margin-top: 6px; }

/* Bình luận */
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list li { margin-bottom: 18px; }
.comment-body { background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 16px; }
.comment-respond input[type=text], .comment-respond input[type=email], .comment-respond input[type=url], .comment-respond textarea {
	width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); font-family: var(--font-body); margin-bottom: 10px;
}

/* Khung tìm kiếm */
.search-form { display: flex; gap: 8px; }
.search-form .search-field { flex: 1; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); }

/* Tránh tràn ảnh đại diện trong thẻ */
.media-wrap-card { display: flex; flex-direction: column; }

/* Skip-link (trợ năng) ẩn mặc định */
.skip-link { position: absolute; left: -9999px; }

/* Khoảng cách thanh điều hướng: tránh "Blog" dính nút "Vào học" */
.site-header .nav { column-gap: 18px; }
.site-header .brand { flex: 0 1 auto; min-width: 0; }
.site-header .nav-links { margin-left: auto; }
.site-header .nav-cta { margin-left: 8px; flex: 0 0 auto; }
@media (max-width: 940px){
  .site-header .nav-links { margin-left: 0; }
}