/* ==========================================================
   Nhat Tam Niem Phat - main.css
   Bảng màu: vàng hoàng kim / kem thanh tịnh / nâu trầm
   Responsive: mobile-first, breakpoint 640 / 900 / 1120px
   ========================================================== */

:root {
	--gold:       #F2A71B;
	--gold-dark:  #C97F0A;
	--amber-deep: #9A5B03;
	--cream:      #FDF9EF;
	--cream-soft: #FBF3E1;
	--ink:        #38291A;
	--ink-soft:   #6B5842;
	--wood:       #2A1F14;
	--wood-line:  #3E2F1E;
	--white:      #FFFFFF;
	--radius:     14px;
	--shadow:     0 8px 24px rgba(56, 41, 26, .08);
	--font-serif: "Noto Serif", Georgia, serif;
	--font-sans:  "Be Vietnam Pro", -apple-system, "Segoe UI", Roboto, sans-serif;
}

/* ---------- Reset nhẹ ---------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
	margin: 0;
	background: var(--cream);
	color: var(--ink);
	font-family: var(--font-sans);
	font-size: 17px;
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
}
img, video, iframe, embed { max-width: 100%; height: auto; }
a { color: var(--gold-dark); text-decoration: none; }
a:hover { color: var(--amber-deep); }
h1, h2, h3, h4 { font-family: var(--font-serif); font-weight: 600; line-height: 1.35; color: var(--ink); margin: 0 0 .5em; }
button { font-family: inherit; cursor: pointer; }

/* Truy cập bàn phím rõ ràng */
a:focus-visible, button:focus-visible, input:focus-visible {
	outline: 3px solid var(--gold);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
	html { scroll-behavior: auto; }
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden; clip: rect(0 0 0 0);
	white-space: nowrap;
}
.skip-link {
	position: absolute; left: -9999px; top: 0;
	background: var(--wood); color: var(--cream);
	padding: 10px 18px; z-index: 999;
}
.skip-link:focus { left: 10px; top: 10px; }

/* ---------- Khung chung ---------- */
.ntnp-container {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 16px;
}
.ntnp-main { min-height: 60vh; }

/* Layout 2 cột: nội dung + sidebar */
.ntnp-layout { display: grid; gap: 32px; padding: 28px 16px 48px; }
@media (min-width: 900px) {
	.ntnp-layout { grid-template-columns: minmax(0, 1fr) 320px; }
}
.ntnp-layout__content { min-width: 0; } /* Chống vỡ layout khi có bảng/ảnh rộng */

/* ---------- Header ---------- */
.ntnp-header {
	position: sticky; top: 0; z-index: 100;
	background: rgba(253, 249, 239, .96);
	backdrop-filter: blur(8px);
	border-bottom: 1px solid rgba(242, 167, 27, .3);
}
.ntnp-header__inner {
	display: flex; align-items: center; justify-content: space-between;
	gap: 16px; min-height: 64px;
}
.custom-logo-link img, .custom-logo { height: 38px; width: auto; display: block; }

.ntnp-nav { display: flex; align-items: center; gap: 20px; }
.ntnp-nav__list {
	display: flex; align-items: center; gap: 22px;
	list-style: none; margin: 0; padding: 0;
	font-weight: 500; font-size: 15px;
}
.ntnp-nav__list a { color: var(--ink); padding: 6px 0; }
.ntnp-nav__list a:hover,
.ntnp-nav__list .current-menu-item > a { color: var(--gold-dark); box-shadow: inset 0 -2px 0 var(--gold); }

/* Menu con cấp 2
   FIX: không dùng margin-top (tạo khoảng hở làm mất hover khi rê chuột xuống).
   Dùng top:100% + padding-top làm "cầu nối" hover liền mạch. */
.ntnp-nav__list ul {
	display: none; position: absolute; left: 0; top: 100%;
	padding-top: 10px; /* cầu nối hover, trong suốt */
	list-style: none; margin: 0; min-width: 210px;
	z-index: 110;
}
.ntnp-nav__list ul li {
	background: var(--white);
	border-left: 1px solid rgba(242,167,27,.3);
	border-right: 1px solid rgba(242,167,27,.3);
}
.ntnp-nav__list ul li:first-child {
	border-top: 1px solid rgba(242,167,27,.3);
	border-radius: 10px 10px 0 0; padding-top: 6px;
}
.ntnp-nav__list ul li:last-child {
	border-bottom: 1px solid rgba(242,167,27,.3);
	border-radius: 0 0 10px 10px; padding-bottom: 6px;
	box-shadow: var(--shadow);
}
.ntnp-nav__list li { position: relative; }
.ntnp-nav__list li:hover > ul,
.ntnp-nav__list li:focus-within > ul { display: block; }
.ntnp-nav__list ul a { display: block; padding: 9px 16px; }
.ntnp-nav__list ul a:hover { background: var(--cream-soft); box-shadow: none; color: var(--gold-dark); }

/* Nút menu mobile */
.ntnp-menu-toggle {
	display: none;
	background: none; border: 1px solid rgba(242,167,27,.5);
	border-radius: 8px; padding: 9px 10px;
}
.ntnp-menu-toggle span {
	display: block; width: 20px; height: 2px;
	background: var(--ink); margin: 4px 0;
	transition: transform .2s ease, opacity .2s ease;
}
.ntnp-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.ntnp-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ntnp-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

@media (max-width: 899px) {
	.ntnp-menu-toggle { display: block; }
	.ntnp-nav {
		display: none;
		position: absolute; left: 0; right: 0; top: 100%;
		background: var(--cream);
		border-bottom: 1px solid rgba(242,167,27,.3);
		padding: 16px;
		flex-direction: column; align-items: stretch;
	}
	.ntnp-nav.is-open { display: flex; }
	.ntnp-nav__list { flex-direction: column; align-items: stretch; gap: 4px; }
	.ntnp-nav__list a { display: block; padding: 10px 8px; border-radius: 8px; }
	.ntnp-nav__list a:hover { background: var(--cream-soft); box-shadow: none; }
	.ntnp-nav__list ul { display: block; position: static; border: 0; box-shadow: none; background: transparent; padding-left: 16px; }
}

/* Form tìm kiếm */
.ntnp-searchform { display: flex; }
.ntnp-searchform input[type="search"] {
	flex: 1; min-width: 0;
	border: 1px solid rgba(242,167,27,.4);
	border-right: 0;
	border-radius: 999px 0 0 999px;
	background: var(--cream-soft);
	padding: 8px 14px; font-size: 14px; font-family: inherit;
	color: var(--ink);
}
.ntnp-searchform button {
	border: 1px solid var(--gold-dark);
	background: var(--gold-dark); color: var(--cream);
	border-radius: 0 999px 999px 0;
	padding: 8px 14px;
}
.ntnp-searchform button:hover { background: var(--amber-deep); }

/* ---------- Hero trang chủ ---------- */
.ntnp-hero {
	position: relative;
	background:
		repeating-conic-gradient(from 0deg at 50% 20%, rgba(242,167,27,.08) 0deg 6deg, transparent 6deg 14deg),
		linear-gradient(to bottom, var(--cream-soft), var(--cream));
	padding: 36px 0 44px;
}
.ntnp-hero__grid { display: grid; gap: 24px; }
@media (min-width: 900px) {
	.ntnp-hero__grid { grid-template-columns: 3fr 2fr; }
}

article.ntnp-hero__featured {
	background: var(--white);
	border: 1px solid rgba(242,167,27,.3);
	border-radius: var(--radius);
	overflow: hidden;
	box-shadow: var(--shadow);
	transition: box-shadow .2s ease;
}
article.ntnp-hero__featured:hover { box-shadow: 0 14px 34px rgba(56,41,26,.14); }
.ntnp-hero__featured .ntnp-hero__link {
	display: block;
	color: inherit;
}
.ntnp-hero__link:hover { box-shadow: 0 14px 34px rgba(56,41,26,.14); }
.ntnp-hero__media img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.ntnp-hero__body { padding: 22px; }
.ntnp-hero__title { font-size: clamp(22px, 3vw, 28px); margin: 10px 0 8px; }
.ntnp-hero__excerpt { color: var(--ink-soft); margin: 0 0 12px; }

.ntnp-hero__side { display: flex; flex-direction: column; gap: 14px; }
.ntnp-hero__side-label {
	font-family: var(--font-serif);
	text-transform: uppercase; letter-spacing: .2em;
	font-size: 13px; color: var(--amber-deep); margin: 0;
}
.ntnp-hero__mini {
	display: flex; gap: 14px; align-items: flex-start;
	background: var(--white);
	border: 1px solid rgba(242,167,27,.25);
	border-radius: 12px; padding: 14px;
	transition: border-color .2s ease;
}
.ntnp-hero__mini:hover { border-color: rgba(242,167,27,.6); }
.ntnp-hero__mini-thumb img {
	width: 76px; height: 76px; object-fit: cover;
	border-radius: 10px; display: block;
}
.ntnp-hero__mini-title { font-size: 16px; margin: 4px 0 6px; }
.ntnp-hero__mini-title a { color: var(--ink); }
.ntnp-hero__mini-title a:hover { color: var(--gold-dark); }

/* ---------- Pháp ngữ ---------- */
.ntnp-quote { background: var(--wood); color: var(--cream-soft); text-align: center; padding: 40px 0; }
.ntnp-quote__label {
	color: var(--gold); text-transform: uppercase;
	letter-spacing: .3em; font-size: 12px; font-weight: 600; margin: 0 0 14px;
}
.ntnp-quote__text {
	font-family: var(--font-serif); font-style: italic;
	font-size: clamp(19px, 2.5vw, 24px); line-height: 1.6;
	max-width: 760px; margin: 0 auto;
}
.ntnp-quote__text::before { content: "❝ "; color: var(--gold); }

/* ---------- Section chung ---------- */
.ntnp-section { padding: 44px 0; }
.ntnp-section--alt { background: var(--cream-soft); border-top: 1px solid rgba(242,167,27,.25); border-bottom: 1px solid rgba(242,167,27,.25); }
.ntnp-section__head {
	display: flex; align-items: flex-end; justify-content: space-between;
	gap: 12px; margin-bottom: 22px;
}
.ntnp-section__head h2 { font-size: 24px; margin: 0; }
.ntnp-section__head a { font-size: 14px; font-weight: 500; }

/* ---------- Lưới thẻ bài viết ---------- */
.ntnp-grid { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 640px)  { .ntnp-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1120px) { .ntnp-grid { grid-template-columns: repeat(3, 1fr); } }
.ntnp-grid--3 { }

/* Trong layout có sidebar, giữ 2 cột để không chật */
.ntnp-layout__content .ntnp-grid { grid-template-columns: 1fr; }
@media (min-width: 640px) { .ntnp-layout__content .ntnp-grid { grid-template-columns: repeat(2, 1fr); } }

.ntnp-card {
	background: var(--white);
	border: 1px solid rgba(242,167,27,.25);
	border-radius: var(--radius);
	overflow: hidden;
	display: flex; flex-direction: column;
	transition: transform .2s ease, box-shadow .2s ease;
}
.ntnp-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.ntnp-card__media { display: block; background: linear-gradient(135deg, var(--cream-soft), rgba(242,167,27,.35)); }
.ntnp-card__media img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.ntnp-card__placeholder {
	display: flex; align-items: center; justify-content: center;
	aspect-ratio: 16/9; font-size: 38px; color: rgba(201,127,10,.7);
}
.ntnp-card__body { padding: 14px 16px 16px; display: flex; flex-direction: column; flex: 1; }
.ntnp-card__title { font-size: 16px; margin: 7px 0 5px; }
.ntnp-card__title a { color: var(--ink); }
.ntnp-card__title a:hover { color: var(--gold-dark); }
.ntnp-card__excerpt { color: var(--ink-soft); font-size: 14px; line-height: 1.65; margin: 0 0 10px; flex: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.ntnp-badge {
	display: inline-block;
	background: rgba(242,167,27,.15); color: var(--gold-dark);
	font-size: 12px; font-weight: 600;
	padding: 3px 10px; border-radius: 999px;
	width: fit-content;
}
.ntnp-badge:hover { background: rgba(242,167,27,.3); }
.ntnp-meta { color: var(--ink-soft); font-size: 13px; margin: 0; opacity: .9; }

/* ---------- Khối chuyên mục silo ---------- */
.ntnp-silo { display: grid; gap: 36px; }
@media (min-width: 900px) { .ntnp-silo { grid-template-columns: 1fr 1fr; } }
.ntnp-silo__head {
	display: flex; align-items: flex-end; justify-content: space-between;
	border-bottom: 2px solid var(--gold);
	padding-bottom: 8px; margin-bottom: 16px;
}
.ntnp-silo__head h2 { font-size: 20px; margin: 0; }
.ntnp-silo__head a { font-size: 14px; }
.ntnp-silo__list { list-style: none; margin: 0; padding: 0; }
.ntnp-silo__list li { padding: 9px 0 9px 20px; position: relative; }
.ntnp-silo__list li::before { content: "•"; color: var(--gold); position: absolute; left: 2px; }
.ntnp-silo__list a { color: var(--ink); font-weight: 500; }
.ntnp-silo__list a:hover { color: var(--gold-dark); }

/* ---------- Breadcrumb ---------- */
.ntnp-breadcrumb { font-size: 13.5px; margin-bottom: 18px; color: var(--ink-soft); }
.ntnp-breadcrumb ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.ntnp-breadcrumb li:not(:last-child)::after { content: "›"; margin: 0 6px; color: var(--gold); }
.ntnp-breadcrumb span[aria-current] { color: var(--ink-soft); }

/* ---------- Trang bài viết chi tiết ---------- */
.ntnp-single { background: var(--white); border: 1px solid rgba(242,167,27,.25); border-radius: var(--radius); padding: clamp(18px, 4vw, 36px); }
.ntnp-single__title { font-size: clamp(24px, 4vw, 32px); margin: 10px 0 10px; }
.ntnp-single__thumb { margin: 20px 0; }
.ntnp-single__thumb img { border-radius: 12px; display: block; width: 100%; }
.ntnp-single__thumb figcaption { font-size: 13px; color: var(--ink-soft); text-align: center; margin-top: 8px; }

/* Nội dung bài viết - typography dễ đọc kinh văn */
.entry-content { font-size: 17.5px; line-height: 1.85; }
.entry-content > * + * { margin-top: 1.1em; }
.entry-content h2 { font-size: 24px; margin-top: 1.6em; }
.entry-content h3 { font-size: 20px; margin-top: 1.4em; }
.entry-content blockquote {
	border-left: 4px solid var(--gold);
	background: var(--cream-soft);
	margin: 1.4em 0; padding: 16px 20px;
	border-radius: 0 10px 10px 0;
	font-family: var(--font-serif); font-style: italic;
}
.entry-content img { border-radius: 10px; }
.entry-content a { text-decoration: underline; text-underline-offset: 3px; }
.entry-content ul, .entry-content ol { padding-left: 1.4em; }
.entry-content table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; } /* Bảng rộng không vỡ mobile */
.entry-content th, .entry-content td { border: 1px solid rgba(242,167,27,.4); padding: 8px 12px; }
.entry-content pre { overflow-x: auto; background: var(--wood); color: var(--cream); padding: 16px; border-radius: 10px; }

/* Nhúng video giữ tỷ lệ */
.entry-content iframe[src*="youtube"], .entry-content iframe[src*="vimeo"] { aspect-ratio: 16/9; width: 100%; height: auto; }

/* ---------- Nút chia sẻ MXH ---------- */
.ntnp-share {
	display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
	margin: 20px 0; padding: 14px;
	background: var(--cream-soft);
	border: 1px dashed rgba(242,167,27,.5);
	border-radius: 12px;
}
.ntnp-share__label { font-weight: 600; font-size: 14px; margin-right: 4px; }
.ntnp-share__btn {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13.5px; font-weight: 500;
	color: var(--white); background: var(--ink-soft);
	border: 0; border-radius: 999px;
	padding: 7px 14px;
	transition: opacity .15s ease, transform .15s ease;
}
.ntnp-share__btn:hover { opacity: .88; transform: translateY(-1px); color: var(--white); }
.ntnp-share__btn svg { width: 16px; height: 16px; }
.ntnp-share__btn--facebook  { background: #1877F2; }
.ntnp-share__btn--x         { background: #111111; }
.ntnp-share__btn--zalo      { background: #0068FF; }
.ntnp-share__btn--pinterest { background: #E60023; }
.ntnp-share__btn--copy      { background: var(--gold-dark); }
.ntnp-share__btn--copy.is-copied { background: #2E7D32; }
@media (max-width: 480px) {
	.ntnp-share__btn span { display: none; } /* Mobile hẹp: chỉ hiện icon, không vỡ dòng */
	.ntnp-share__btn { padding: 9px; }
}

/* ---------- Tags, related, phân trang ---------- */
.ntnp-tags { font-size: 14px; }
.ntnp-tags a { background: var(--cream-soft); border-radius: 999px; padding: 3px 10px; }
.ntnp-related { margin-top: 36px; }
.ntnp-related h2 { font-size: 22px; }

.navigation.pagination { margin-top: 32px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.nav-links .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 12px;
	background: var(--white); border: 1px solid rgba(242,167,27,.4);
	border-radius: 10px; color: var(--ink); font-weight: 500;
}
.nav-links .page-numbers.current { background: var(--gold-dark); border-color: var(--gold-dark); color: var(--cream); }
.nav-links .page-numbers:hover:not(.current) { border-color: var(--gold-dark); }

/* ---------- Sidebar / widget ---------- */
.ntnp-layout__sidebar .widget {
	background: var(--white);
	border: 1px solid rgba(242,167,27,.25);
	border-radius: var(--radius);
	padding: 20px; margin-bottom: 22px;
}
.widget-title { font-size: 17px; border-bottom: 2px solid var(--gold); padding-bottom: 8px; margin-bottom: 14px; }
.widget ul { list-style: none; margin: 0; padding: 0; }
.widget ul li { padding: 7px 0; border-bottom: 1px dashed rgba(242,167,27,.3); }
.widget ul li:last-child { border-bottom: 0; }
.widget ul ul { padding-left: 14px; }

/* ---------- Bình luận ---------- */
.ntnp-comments { margin-top: 36px; background: var(--white); border: 1px solid rgba(242,167,27,.25); border-radius: var(--radius); padding: clamp(18px, 4vw, 30px); }
.comment-list { list-style: none; padding: 0; }
.comment-list .comment { padding: 16px 0; border-bottom: 1px dashed rgba(242,167,27,.35); }
.comment-list .children { list-style: none; padding-left: clamp(16px, 4vw, 40px); }
.comment-author img { border-radius: 50%; }
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	width: 100%;
	border: 1px solid rgba(242,167,27,.45);
	border-radius: 10px;
	background: var(--cream);
	padding: 10px 14px; font-family: inherit; font-size: 15px;
	color: var(--ink);
}
.comment-form .submit,
.ntnp-btn {
	display: inline-block;
	background: var(--gold-dark); color: var(--cream);
	border: 0; border-radius: 999px;
	font-weight: 600; font-size: 15px;
	padding: 11px 26px;
}
.comment-form .submit:hover, .ntnp-btn:hover { background: var(--amber-deep); color: var(--cream); }

/* ---------- Archive / empty / 404 ---------- */
.ntnp-archive__header { margin-bottom: 24px; }
.ntnp-archive__header h1 { font-size: clamp(22px, 3.5vw, 30px); }
.ntnp-archive__desc { color: var(--ink-soft); }
.ntnp-empty { text-align: center; padding: 60px 0; }
.ntnp-empty .ntnp-searchform { max-width: 420px; margin: 20px auto; }
.ntnp-404__code { font-weight: 800; font-size: 72px; color: var(--gold); margin: 0; line-height: 1; }

/* ---------- Footer ---------- */
.ntnp-footer { background: var(--wood); color: rgba(251,243,225,.85); margin-top: 48px; }
.ntnp-footer a { color: rgba(251,243,225,.85); }
.ntnp-footer a:hover { color: var(--gold); }
.ntnp-footer__grid { display: grid; gap: 32px; padding: 44px 16px; }
@media (min-width: 640px) { .ntnp-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 900px) { .ntnp-footer__grid { grid-template-columns: 2fr 1fr 1fr; } }
.ntnp-footer .widget-title, .ntnp-footer__nav h2 { color: var(--gold); border-color: var(--wood-line); font-size: 16px; }
.ntnp-footer__menu, .ntnp-footer .widget ul { list-style: none; margin: 0; padding: 0; }
.ntnp-footer__menu li, .ntnp-footer .widget li { padding: 5px 0; border: 0; }
.ntnp-footer__about img { filter: brightness(1.1); height: 38px; width: auto; }
.ntnp-footer__about p { font-size: 14.5px; line-height: 1.7; }
.ntnp-footer__bottom { border-top: 1px solid var(--wood-line); }
.ntnp-footer__bottom p { font-size: 13px; text-align: center; padding: 14px 0; margin: 0; color: rgba(251,243,225,.55); }

/* ---------- Nút lên đầu trang ---------- */
.ntnp-totop {
	position: fixed; right: 18px; bottom: 18px; z-index: 90;
	width: 44px; height: 44px;
	background: var(--gold-dark); color: var(--cream);
	border: 0; border-radius: 50%;
	font-size: 18px;
	opacity: 0; visibility: hidden; transform: translateY(8px);
	transition: opacity .2s ease, transform .2s ease, visibility .2s;
	box-shadow: var(--shadow);
}
.ntnp-totop.is-visible { opacity: 1; visibility: visible; transform: none; }
.ntnp-totop:hover { background: var(--amber-deep); }

/* ---------- Tương thích Gutenberg / plugin ---------- */
.alignwide { max-width: 1000px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100%; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin: 0 20px 12px 0; }
.alignright { float: right; margin: 0 0 12px 20px; }
@media (max-width: 640px) {
	.alignleft, .alignright { float: none; margin: 12px auto; display: block; }
}
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: var(--ink-soft); text-align: center; }
.wp-block-embed__wrapper { position: relative; }
.sticky { border-color: var(--gold); }
.bypostauthor { /* class chuẩn WP - giữ để pass theme check */ }
.gallery-caption { font-size: 13px; }

/* ==========================================================
   BỔ SUNG v1.1 - theo phản hồi người dùng
   ========================================================== */

/* ---------- Sidebar đẹp hơn: dính khi cuộn + widget bài viết có ảnh ---------- */
@media (min-width: 900px) {
	.ntnp-layout__sidebar { position: sticky; top: 84px; align-self: start; }
}
.ntnp-recent { list-style: none; margin: 0; padding: 0; }
.ntnp-recent li { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px dashed rgba(242,167,27,.3); }
.ntnp-recent li:last-child { border-bottom: 0; padding-bottom: 0; }
.ntnp-recent__thumb { flex-shrink: 0; }
.ntnp-recent__thumb img, .ntnp-recent__thumb .ntnp-recent__ph {
	width: 64px; height: 64px; object-fit: cover;
	border-radius: 10px; display: flex;
	align-items: center; justify-content: center;
	background: linear-gradient(135deg, var(--cream-soft), rgba(242,167,27,.35));
	color: rgba(201,127,10,.7); font-size: 22px;
}
.ntnp-recent__title { font-size: 14.5px; font-weight: 600; line-height: 1.45; margin: 0 0 3px; }
.ntnp-recent__title a { color: var(--ink); }
.ntnp-recent__title a:hover { color: var(--gold-dark); }
.ntnp-recent__date { font-size: 12.5px; color: var(--ink-soft); margin: 0; }

/* Widget lịch WordPress cho gọn đẹp */
.wp-calendar-table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.wp-calendar-table caption { font-weight: 700; padding-bottom: 8px; color: var(--ink); }
.wp-calendar-table th, .wp-calendar-table td { text-align: center; padding: 6px 0; border: 1px solid rgba(242,167,27,.2); }
.wp-calendar-table th { background: var(--cream-soft); color: var(--amber-deep); font-weight: 600; }
.wp-calendar-table td#today { background: var(--gold); color: var(--white); border-radius: 4px; font-weight: 700; }
.wp-calendar-nav { display: flex; justify-content: space-between; font-size: 13px; padding-top: 8px; }

/* Widget danh mục có số bài */
.widget_categories li { display: flex; justify-content: space-between; }

/* ---------- Hero: 4 bài đáng đọc, gọn hơn ---------- */
.ntnp-hero__mini { padding: 12px; gap: 12px; }
.ntnp-hero__mini-thumb img, .ntnp-hero__mini-ph {
	width: 64px; height: 64px; object-fit: cover;
	border-radius: 10px; display: flex;
	align-items: center; justify-content: center;
	background: linear-gradient(135deg, var(--cream-soft), rgba(242,167,27,.35));
	color: rgba(201,127,10,.75); font-size: 24px; flex-shrink: 0;
}
.ntnp-hero__mini-title { font-size: 15px; margin: 4px 0 5px; }
.ntnp-hero__mini .ntnp-badge { font-size: 11.5px; padding: 2px 9px; }

/* ---------- Khối Pháp âm ---------- */
.ntnp-audio-grid { display: grid; gap: 18px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .ntnp-audio-grid { grid-template-columns: repeat(3, 1fr); } }
.ntnp-audio-card {
	display: flex; flex-direction: column; justify-content: space-between;
	min-height: 160px;
	background: var(--wood); color: var(--cream-soft);
	border-radius: var(--radius); padding: 22px;
	transition: background .2s ease;
}
.ntnp-audio-card:hover { background: var(--wood-line); color: var(--cream-soft); }
.ntnp-audio-card__play {
	width: 42px; height: 42px; border-radius: 50%;
	background: var(--gold); color: var(--wood);
	display: flex; align-items: center; justify-content: center;
	font-size: 15px;
	transition: transform .2s ease;
}
.ntnp-audio-card:hover .ntnp-audio-card__play { transform: scale(1.1); }
.ntnp-audio-card__title { font-family: var(--font-serif); font-weight: 600; font-size: 16px; line-height: 1.45; margin: 18px 0 4px; color: var(--cream-soft); }
.ntnp-audio-card__desc { font-size: 12.5px; color: rgba(251,243,225,.6); margin: 0; }

/* ---------- Footer 3 cột như demo ---------- */
.ntnp-footer__grid { align-items: start; }
.ntnp-footer__nav h2, .ntnp-footer .widget-title { border-bottom: 0; padding-bottom: 0; margin-bottom: 12px; }

/* ==========================================================
   BỔ SUNG v1.2 - khớp demo HTML gốc
   ========================================================== */

/* ---------- Footer: giãn cách như demo, mô tả không sát cột Chuyên mục ---------- */
.ntnp-footer__grid {
	gap: 40px;
	padding: 48px 16px;
}
@media (min-width: 900px) {
	.ntnp-footer__grid {
		grid-template-columns: minmax(0, 5fr) minmax(0, 3fr) minmax(0, 3fr);
		column-gap: 64px;
	}
}
.ntnp-footer__about p {
	max-width: 420px;      /* mô tả không kéo dài chạm cột bên */
	margin-top: 16px;
	font-size: 14px;
	line-height: 1.75;
	color: rgba(251,243,225,.75);
}
.ntnp-footer__nav h2, .ntnp-footer .widget-title {
	font-family: var(--font-serif);
	font-size: 16px;
	margin-bottom: 14px;
}
.ntnp-footer__menu li { padding: 6px 0; }
.ntnp-footer__menu a { font-size: 14.5px; }

/* Mobile: footer xếp dọc thoáng */
@media (max-width: 639px) {
	.ntnp-footer__grid { grid-template-columns: 1fr; gap: 32px; }
}