/* global.css – CSS toàn site ngoài theme.json. Token (font, cỡ chữ, màu, khoảng cách) đặt trong theme.json. Bám class ckt-*, không bám class nội bộ của block. */

/* ===== HEADER (phương án A + chủ đề nóng) ===== */

/* Bỏ khung bao của template part để thanh menu dính được theo cả trang */
header.wp-block-template-part:has(.ckt-navbar) { display: contents; }

/* Thanh tiện ích */
.ckt-topbar p { margin: 0; }
.ckt-topbar .ckt-util-nav a { text-decoration: none; }
.ckt-topbar .ckt-util-nav a:hover { text-decoration: underline; }

/* Hàng thương hiệu: tagline | wordmark | tìm kiếm */
.ckt-brand-row > .ckt-brand-side { flex: 1 1 0; min-width: 0; }
.ckt-brand-tagline { margin: 0; }
.ckt-wordmark { flex: 0 0 auto; text-align: center; }
.ckt-wordmark p { margin: 0; }
.ckt-wordmark-name {
	font-size: clamp(1.625rem, 3.2vw, 2.375rem);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1;
}
.ckt-wordmark-name a { color: var(--wp--preset--color--accent-5); text-decoration: none; }
.ckt-wordmark-name a:hover { color: var(--wp--preset--color--accent-1); }
.ckt-wordmark-kicker {
	font-size: 0.6875rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
}

/* Ô tìm kiếm desktop */
.ckt-search-desktop { width: 260px; }
.ckt-search-desktop .wp-block-search__inside-wrapper {
	border: 1px solid var(--wp--preset--color--accent-4);
	border-radius: 999px;
	background: var(--wp--preset--color--accent-6);
	padding: 2px 2px 2px 14px;
}
.ckt-search-desktop .wp-block-search__input {
	border: 0;
	background: transparent;
	font-size: var(--wp--preset--font-size--small);
	padding: 0.45rem 0;
}
.ckt-search-desktop .wp-block-search__input:focus { outline: none; }
.ckt-search-desktop .wp-block-search__inside-wrapper:focus-within { border-color: var(--wp--preset--color--accent-1); }
.ckt-search-desktop .wp-block-search__button {
	border-radius: 999px;
	padding: 0.45rem;
	margin: 0;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-6);
}

/* Thanh chuyên mục: dính khi cuộn (desktop) */
.ckt-navbar {
	position: sticky;
	top: 0;
	z-index: 50;
}
body.admin-bar .ckt-navbar { top: 32px; }
.ckt-nav-desktop .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	min-height: 52px;
	box-sizing: border-box;
	font-size: 0.9375rem;
	font-weight: 700;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	border-bottom: 3px solid transparent;
	padding-top: 3px;
}
.ckt-nav-desktop > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
.ckt-nav-desktop .current-menu-item > .wp-block-navigation-item__content,
.ckt-nav-desktop .current-menu-ancestor > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--accent-1);
	border-bottom-color: var(--wp--preset--color--accent-1);
}
/* Menu con */
.ckt-nav-desktop .wp-block-navigation__submenu-container {
	min-width: 260px !important;
	padding: 0.5rem 0 !important;
	border: 1px solid var(--wp--preset--color--accent-4) !important;
	border-radius: 0 0 8px 8px;
	background: var(--wp--preset--color--accent-6) !important;
	box-shadow: 0 16px 32px rgba(59, 36, 20, 0.1);
}
.ckt-nav-desktop .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	min-height: 0;
	padding: 0.6rem 1.1rem !important;
	border-bottom: 0;
	font-weight: 400;
}
.ckt-nav-desktop .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: var(--wp--preset--color--base-2);
	color: var(--wp--preset--color--accent-1);
}

/* Dải chủ đề nóng */
.ckt-hotbar-row { overflow-x: auto; scrollbar-width: none; }
.ckt-hotbar-row::-webkit-scrollbar { display: none; }
.ckt-hotbar-label {
	margin: 0;
	flex: 0 0 auto;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
}
.ckt-hot-nav .wp-block-navigation-item__content {
	display: inline-block;
	white-space: nowrap;
	padding: 0.3rem 0.8rem;
	border: 1px solid var(--wp--preset--color--accent-4);
	border-radius: 999px;
	background: var(--wp--preset--color--accent-6);
	font-size: 0.8125rem;
	font-weight: 400;
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
}
.ckt-hot-nav .wp-block-navigation-item__content:hover {
	border-color: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--accent-1);
}

/* Menu mobile (overlay) */
.ckt-nav-mobile .wp-block-navigation__responsive-container-open {
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ckt-nav-mobile .wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--40);
}
.ckt-nav-mobile .is-menu-open .wp-block-navigation-item__content {
	font-size: 1.0625rem;
	font-weight: 700;
	text-decoration: none;
	padding: 0.6rem 0 !important;
}
.ckt-nav-mobile .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	font-size: 0.9375rem;
	font-weight: 400;
	padding: 0.45rem 0 !important;
}
.ckt-search-mobile .wp-block-search__button {
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--contrast);
}

/* Menu 7 mục: co khoảng cách và cỡ chữ ở màn hình vừa để luôn nằm trên một hàng */
@media (min-width: 861px) and (max-width: 1180px) {
	.ckt-nav-desktop, .ckt-nav-desktop .wp-block-navigation__container { gap: 1.25rem !important; }
	.ckt-nav-desktop .wp-block-navigation-item__content { font-size: 0.875rem; }
}
@media (min-width: 861px) and (max-width: 999px) {
	.ckt-nav-desktop, .ckt-nav-desktop .wp-block-navigation__container { gap: 0.625rem !important; }
	.ckt-nav-desktop .wp-block-navigation-item__content { font-size: 0.8125rem; }
}

/* Ẩn/hiện theo màn hình */
.ckt-search-mobile, .ckt-nav-mobile { display: none !important; }
@media (max-width: 860px) {
	.ckt-topbar, .ckt-navbar, .ckt-brand-tagline, .ckt-search-desktop { display: none !important; }
	.ckt-search-mobile, .ckt-nav-mobile { display: flex !important; }
	.ckt-brand-row > .ckt-brand-actions { flex: 0 0 auto; }
	.ckt-wordmark { text-align: left; align-items: flex-start !important; }
	.ckt-wordmark-kicker { display: none; }
	.ckt-brand {
		position: sticky;
		top: 0;
		z-index: 50;
		border-bottom: 1px solid var(--wp--preset--color--accent-4);
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	body.admin-bar .ckt-brand { top: 46px; }
}
@media (max-width: 600px) {
	body.admin-bar .ckt-brand { top: 0; }
}

/* Thẻ bài viết */
.ckt-card { height: 100%; }
.ckt-card .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; }
.ckt-card .wp-block-post-title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* Breadcrumb */
.ckt-breadcrumb ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast-2);
}
.ckt-breadcrumb li + li::before { content: "›"; margin-right: 0.35rem; }
.ckt-breadcrumb a { color: inherit; text-decoration: none; }
.ckt-breadcrumb a:hover { color: var(--wp--preset--color--accent-1); }

/* Dòng meta: tác giả · ngày · cập nhật · thời gian đọc */
.ckt-meta { color: var(--wp--preset--color--contrast-2); font-size: var(--wp--preset--font-size--small); }
.ckt-meta p { margin: 0; }
.ckt-meta > div + div::before,
.ckt-meta-item::before {
	content: "·";
	margin: 0 0.5rem 0 0;
}
.ckt-meta-item + .ckt-meta-item { margin-left: 0.5rem; }
.ckt-meta > p:empty { display: none; }

/* Thông tin xuất bản cuối bài, ngay trên khung tác giả */
.ckt-pubinfo { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0; margin: var(--wp--preset--spacing--50) 0 0 !important; padding-top: 14px; border-top: 1px solid var(--wp--preset--color--accent-4); color: var(--wp--preset--color--contrast-2); font-size: var(--wp--preset--font-size--small); line-height: 1.5; }
.ckt-pubinfo-item + .ckt-pubinfo-item::before { content: "·"; margin: 0 .5rem; }
.ckt-pubinfo time { color: var(--wp--preset--color--contrast); }
.ckt-pubinfo + .ckt-author { margin-top: 14px !important; }

/* Bài liên quan (render từ shortcode) */
.ckt-related-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: var(--wp--preset--spacing--40);
	list-style: none;
	margin: 0;
	padding: 0;
}
.ckt-related-grid img {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 8px;
	display: block;
	margin-bottom: 0.6rem;
}
.ckt-related-grid a {
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	font-weight: 700;
	line-height: 1.4;
}
.ckt-related-grid a:hover { color: var(--wp--preset--color--accent-1); }

/* Bảng trong bài: cuộn ngang trên mobile */
.wp-block-post-content .wp-block-table { overflow-x: auto; margin: 1.5em 0; }
.wp-block-post-content table { width: 100%; border-collapse: collapse; font-family: var(--wp--preset--font-family--be-vietnam-pro, inherit); font-size: .9375rem; line-height: 1.5; }
.wp-block-post-content th, .wp-block-post-content td { padding: 10px 12px; border: 1px solid var(--wp--preset--color--accent-4); text-align: left; vertical-align: top; }
.wp-block-post-content thead th { background: var(--wp--preset--color--base-2); font-weight: 700; }
.wp-block-post-content td.num, .wp-block-post-content th.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wp-block-post-content figcaption { margin-top: 6px; font-size: .8125rem; color: var(--wp--preset--color--contrast-2); }
@media (max-width: 600px) {
	.wp-block-post-content table { font-size: .8125rem; }
	.wp-block-post-content th, .wp-block-post-content td { padding: 8px; }
	.wp-block-post-content td:first-child, .wp-block-post-content th:first-child { min-width: 7.5rem; }
	.wp-block-post-content table:has(th:nth-child(4)) { min-width: 600px; }
}

/* Công thức, hộp lưu ý, tóm tắt trong bài chuyên sâu */
.wp-block-post-content .ckt-formula { margin: 1.25em 0; padding: 14px 16px; border-left: 3px solid var(--wp--preset--color--accent-1); background: var(--wp--preset--color--base-2); font-family: var(--wp--preset--font-family--be-vietnam-pro, inherit); font-weight: 700; font-size: 1rem; line-height: 1.6; }
.wp-block-post-content .ckt-note, .wp-block-post-content .ckt-takeaways { margin: 1.5em 0; padding: 14px 16px; border-radius: 8px; font-family: var(--wp--preset--font-family--be-vietnam-pro, inherit); font-size: .9375rem; line-height: 1.6; }
.wp-block-post-content .ckt-note { background: #FFF7EC; border: 1px solid #F0DCC0; }
.wp-block-post-content .ckt-takeaways { background: var(--wp--preset--color--base-2); border: 1px solid var(--wp--preset--color--accent-4); }
.wp-block-post-content .ckt-note > :first-child, .wp-block-post-content .ckt-takeaways > :first-child { margin-top: 0; }
.wp-block-post-content .ckt-note > :last-child, .wp-block-post-content .ckt-takeaways > :last-child { margin-bottom: 0; }
.wp-block-post-content .ckt-takeaways ul { margin: .5em 0 0; padding-left: 1.2em; }

/* Ảnh trong bài */
.wp-block-post-content img { border-radius: 6px; }

.ckt-related-grid { margin-top: var(--wp--preset--spacing--30); }

/* Footer: danh sách gọn, không gạch chân */
footer .wp-block-categories,
footer .wp-block-latest-posts {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
footer .wp-block-categories li,
footer .wp-block-latest-posts li { margin-bottom: 0.5rem; }
footer .wp-block-categories a,
footer .wp-block-latest-posts a { text-decoration: none; }
footer .wp-block-categories a:hover,
footer .wp-block-latest-posts a:hover { text-decoration: underline; }

/* Nút tìm kiếm mobile: căn giữa với nút menu */
.ckt-search-mobile, .ckt-search-mobile .wp-block-search__inside-wrapper { align-items: center; margin: 0; }
.ckt-search-mobile .wp-block-search__button svg { width: 24px; height: 24px; }
.ckt-search-mobile .wp-block-search__button { display: flex; align-items: center; justify-content: center; }

/* ===== TRANG CHỦ ===== */

/* Tiêu đề khối: gạch đậm phía trên như báo in */
.ckt-section-title {
	margin: 0;
	padding-top: 0.75rem;
	border-top: 2px solid var(--wp--preset--color--contrast);
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -0.01em;
}
.ckt-section-title a { color: inherit; text-decoration: none; }
.ckt-section-title a:hover { color: var(--wp--preset--color--accent-1); }
.ckt-section-title--accent { border-top: 0; padding-top: 0; padding-bottom: 0.75rem; border-bottom: 3px solid var(--wp--preset--color--accent-1); }

/* Dùng chung cho thẻ bài trên trang chủ */
.ckt-home .wp-block-post-template { list-style: none; margin: 0; padding: 0; }
.ckt-home .wp-block-post-template > li { margin: 0; }
.ckt-home .wp-block-post-featured-image { margin: 0 0 0.6rem; }
.ckt-home .wp-block-post-featured-image img { border-radius: 6px; }
.ckt-home .wp-block-post-terms { margin: 0 0 0.35rem; font-size: 0.75rem; }
.ckt-home .wp-block-post-title { margin: 0; font-size: 1.0625rem; line-height: 1.35; font-weight: 700; }

/* Tin chính: 1 bài lớn + 3 bài nhỏ */
.ckt-hero-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.5rem;
}
.ckt-hero-list > li:first-child {
	grid-column: 1 / -1;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.ckt-hero-list > li:first-child .wp-block-post-featured-image { margin-bottom: 1rem; }
.ckt-hero-list > li:first-child .wp-block-post-featured-image img { border-radius: 8px; }
.ckt-hero-list > li:first-child .wp-block-post-title {
	font-size: clamp(1.625rem, 2.6vw, 2.125rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}
.ckt-hero-list > li:first-child .wp-block-post-excerpt {
	margin-top: 0.6rem;
	font-family: var(--wp--preset--font-family--lora);
	font-size: 1.0625rem;
	line-height: 1.6;
}
.ckt-hero-list > li:not(:first-child) .wp-block-post-excerpt { display: none; }

/* Đọc nhiều: danh sách đánh số */
.ckt-most-read {
	border-left: 1px solid var(--wp--preset--color--accent-4);
	padding-left: 2rem;
}
.ckt-rank { counter-reset: ckt-rank; }
.ckt-rank > li {
	counter-increment: ckt-rank;
	display: flex;
	gap: 0.875rem;
	padding: 0.875rem 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.ckt-rank > li:last-child { border-bottom: 0; }
.ckt-rank > li::before {
	content: counter(ckt-rank);
	flex: 0 0 1.5rem;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1;
	color: var(--wp--preset--color--accent-2);
}
.ckt-rank .wp-block-post-title { font-size: 0.9375rem; font-weight: 700; line-height: 1.4; }

/* Mới cập nhật: 4 cột */
.ckt-latest-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem;
}

/* Khối chuyên mục: lưới 2 cột, mỗi khối 1 bài có ảnh + 3 tiêu đề */
.ckt-cat-blocks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 3rem 2.5rem;
}
.ckt-cat-blocks > * { margin: 0 !important; }
.ckt-cat-block-head { margin-bottom: 1rem; border-top: 2px solid var(--wp--preset--color--contrast); }
.ckt-cat-block-head .ckt-section-title { border-top: 0; }
.ckt-cat-more { margin: 0; font-size: 0.8125rem; }
.ckt-cat-more a { color: var(--wp--preset--color--contrast-2); text-decoration: none; }
.ckt-cat-more a:hover { color: var(--wp--preset--color--accent-1); }
.ckt-cat-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: min-content;
	column-gap: 1.25rem;
}
.ckt-cat-list > li:first-child { grid-column: 1; grid-row: 1 / span 3; }
.ckt-cat-list > li:first-child .wp-block-post-title { font-size: 1.125rem; }
.ckt-cat-list > li:not(:first-child) {
	grid-column: 2;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.ckt-cat-list > li:nth-child(2) { padding-top: 0; }
.ckt-cat-list > li:last-child { border-bottom: 0; }
.ckt-cat-list > li:not(:first-child) .wp-block-post-featured-image { display: none; }
.ckt-cat-list > li:not(:first-child) .wp-block-post-title { font-size: 0.9375rem; font-weight: 700; line-height: 1.4; }
.ckt-cat-empty { margin: 0; font-size: 0.875rem; color: var(--wp--preset--color--contrast-2); }

/* Tablet & mobile */
@media (max-width: 1024px) {
	.ckt-latest-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 781px) {
	.ckt-most-read { border-left: 0; padding-left: 0; }
	.ckt-hero-list { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
	.ckt-hero-list > li:not(:first-child) {
		display: grid;
		grid-template-columns: 7.5rem minmax(0, 1fr);
		column-gap: 0.875rem;
		align-items: start;
	}
	.ckt-hero-list > li:not(:first-child) .wp-block-post-featured-image { grid-row: 1 / span 2; margin: 0; }
	.ckt-hero-list > li:not(:first-child) .wp-block-post-title { font-size: 0.9375rem; }
	.ckt-cat-blocks { grid-template-columns: minmax(0, 1fr); gap: 2.5rem; }
}
@media (max-width: 480px) {
	.ckt-latest-grid { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
	.ckt-latest-grid > li {
		display: grid;
		grid-template-columns: 7.5rem minmax(0, 1fr);
		column-gap: 0.875rem;
		align-items: start;
	}
	.ckt-latest-grid > li .wp-block-post-featured-image { grid-row: 1 / span 2; margin: 0; }
	.ckt-latest-grid > li .wp-block-post-title { font-size: 0.9375rem; }
	.ckt-cat-list { grid-template-columns: minmax(0, 1fr); }
	.ckt-cat-list > li:first-child { grid-row: auto; padding-bottom: 0.75rem; }
	.ckt-cat-list > li:not(:first-child) { grid-column: 1; }
	.ckt-cat-list > li:nth-child(2) { padding-top: 0.75rem; border-top: 1px solid var(--wp--preset--color--accent-4); }
}

/* Ẩn khối "Mới cập nhật" khi chưa đủ bài (tất cả bài đã nằm ở khối tin chính) */
.ckt-home-section:not(:has(.wp-block-post-template > li)) { display: none; }

/* ===== FOOTER ===== */
.ckt-footer { margin-top: var(--wp--preset--spacing--60); font-size: 0.875rem; }
.ckt-footer p { margin: 0; }
.ckt-footer a { color: var(--wp--preset--color--accent-4); text-decoration: none; }
.ckt-footer a:hover { color: var(--wp--preset--color--accent-6); }

/* Dải liên hệ hợp tác */
.ckt-footer-cta { border-bottom: 1px solid rgba(227, 218, 205, 0.18); padding-top: 1.75rem; padding-bottom: 1.75rem; }
.ckt-footer-cta-title { font-size: 1.25rem; font-weight: 700; color: var(--wp--preset--color--accent-6); }
.ckt-footer-cta-sub { color: #CFC3B4; }
.ckt-footer-cta-row { gap: 1rem 2rem; }
.ckt-footer-cta-btn { margin: 0 !important; }
.ckt-footer-cta-btn .wp-block-button__link { min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; padding: 0 1.4rem; border-radius: 8px; background: var(--wp--preset--color--accent-2); color: #FFFFFF !important; font-size: 0.875rem; font-weight: 700; line-height: 1; }
.ckt-footer-cta-btn .wp-block-button__link:hover { background: #9A5622; color: #FFFFFF !important; }

/* Thân footer */
.ckt-footer-body { padding-top: 2.75rem; padding-bottom: 0; }
.ckt-footer-main { display: flex; flex-wrap: wrap; gap: 2.5rem 3rem; }
.ckt-footer-main > * { margin: 0 !important; }
.ckt-footer-brand { flex: 1 1 340px; max-width: 400px; display: flex; flex-direction: column; gap: 0.75rem; }
.ckt-footer-col { flex: 0 1 200px; display: flex; flex-direction: column; gap: 0.75rem; }
.ckt-footer-col:last-child { flex-basis: 240px; }
.ckt-footer-col--nav:not(:has(li)) { display: none; }
.ckt-footer-name { font-size: 1.75rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1; }
.ckt-footer-name a { color: var(--wp--preset--color--accent-6); }
.ckt-footer-kicker { margin-top: -0.4rem !important; font-size: 0.6875rem; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; color: var(--wp--preset--color--accent-2); }
.ckt-footer-mission { font-family: var(--wp--preset--font-family--lora); font-size: 0.9375rem; line-height: 1.65; color: #CFC3B4; }
.ckt-footer-social { display: flex; gap: 0.625rem; margin: 0.25rem 0 0 !important; }
.ckt-footer-social a { width: 36px; height: 36px; box-sizing: border-box; border: 1px solid rgba(227, 218, 205, 0.35); border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 0.6875rem; font-weight: 700; color: var(--wp--preset--color--accent-4); }
.ckt-footer-social a:hover { border-color: var(--wp--preset--color--accent-2); color: var(--wp--preset--color--accent-6); }
.ckt-footer-heading { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--wp--preset--color--accent-6); margin-bottom: 0.25rem !important; }
.ckt-footer-links, .ckt-footer-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.75rem; }
.ckt-footer-links li { margin: 0 !important; }
.ckt-footer-nav.wp-block-navigation { margin: 0 !important; font-weight: 400; font-size: inherit; }
.ckt-footer-nav .wp-block-navigation-item__content { padding: 0; }
.ckt-footer-contact { line-height: 1.5; }
.ckt-footer-label { color: #9C8F80; }

/* Lưu ý miễn trừ + dòng cuối */
.ckt-footer-note { box-sizing: border-box; margin-top: 2.5rem !important; padding: 1rem 1.25rem; border-radius: 8px; background: rgba(0, 0, 0, 0.18); font-size: 0.8125rem; line-height: 1.6; color: #CFC3B4; }
.ckt-footer-note strong { color: var(--wp--preset--color--accent-4); }
.ckt-footer-bottom { padding: 1.1rem 0 1.4rem; font-size: 0.8125rem; color: #9C8F80; }
.ckt-footer-bottom a { color: #9C8F80; }
.ckt-footer-bottom a:hover { color: var(--wp--preset--color--accent-4); }
.ckt-footer-top { display: flex; flex-wrap: wrap; gap: 1.25rem; }

@media (max-width: 781px) {
	.ckt-footer-main { gap: 2rem 1.5rem; }
	.ckt-footer-brand { flex-basis: 100%; max-width: none; }
	.ckt-footer-col { flex: 1 1 140px; }
	.ckt-footer-col:last-child { flex-basis: 100%; }
	.ckt-footer-links, .ckt-footer-nav ul { gap: 0; }
	.ckt-footer-links a, .ckt-footer-nav a { display: inline-block; padding: 0.55rem 0 !important; }
	.ckt-footer-bottom { flex-direction: column; align-items: flex-start !important; gap: 0.5rem; }
	.ckt-footer-cta-row > * { flex-basis: 100%; }
	.ckt-footer-cta-btn .wp-block-button, .ckt-footer-cta-btn .wp-block-button__link { width: 100%; }
	.ckt-footer-social a { width: 44px; height: 44px; }
}

/* ===== KHUNG TÁC GIẢ ===== */
.ckt-author { position: relative; overflow: hidden; box-sizing: border-box; container-type: inline-size; margin-top: var(--wp--preset--spacing--50) !important; padding: 2rem 2rem 1.5rem; border-radius: 16px; background: var(--wp--preset--color--accent-6); border: 1px solid var(--wp--preset--color--accent-4); box-shadow: 0 1px 2px rgba(59, 36, 20, .04), 0 8px 24px -12px rgba(59, 36, 20, .12); }
.ckt-author.is-archive { width: 100%; max-width: 1200px; margin: 0 auto var(--wp--preset--spacing--50) !important; }
.ckt-author.is-archive .ckt-author-bio { max-width: 760px; }
.ckt-author p { margin: 0; }
.ckt-author-deco { position: absolute; top: 1.25rem; right: 1.25rem; width: 120px; height: auto; color: var(--wp--preset--color--accent-4); opacity: .45; pointer-events: none; }
.ckt-author-main { position: relative; display: flex; gap: 1.75rem; align-items: flex-start; }
.ckt-author-photo { position: relative; flex: 0 0 112px; }
.ckt-author-img { display: block; width: 112px; height: 112px; border-radius: 50%; object-fit: cover; background: var(--wp--preset--color--accent-4); box-shadow: 0 0 0 4px var(--wp--preset--color--accent-6), 0 0 0 5px var(--wp--preset--color--accent-4); }
.ckt-author-edit { position: absolute; right: -2px; bottom: 2px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #9A5622; color: #fff; box-shadow: 0 0 0 3px var(--wp--preset--color--accent-6); }
.ckt-author-edit:hover { background: #7A3E14; }
.ckt-author-edit .ckt-ico { width: 16px; height: 16px; }
.ckt-author-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: .5rem; padding-right: 5.5rem; }
.ckt-author-kicker { font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--wp--preset--color--accent-1); }
.ckt-author-name { font-size: 1.5rem; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; }
.ckt-author-name a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.ckt-author-name a:hover { color: var(--wp--preset--color--accent-1); }
.ckt-author-job { font-size: .875rem; font-weight: 700; color: var(--wp--preset--color--contrast-2); }
.ckt-author-bio { font-size: 1rem; line-height: 1.65; color: var(--wp--preset--color--contrast-2); }
.ckt-author-bio p + p { margin-top: .5rem; }
.ckt-author-tags { list-style: none; margin: .5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ckt-author-tags li { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 7px 14px 7px 12px; border-radius: 999px; background: var(--wp--preset--color--base-2); font-size: .875rem; line-height: 1.2; color: var(--wp--preset--color--contrast); }
.ckt-author-tags .ckt-ico { width: 18px; height: 18px; color: var(--wp--preset--color--accent-1); flex: none; }
.ckt-author-cred { font-size: .8125rem; color: var(--wp--preset--color--contrast-2); }
.ckt-author-social { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: .8125rem; font-weight: 700; }
.ckt-author-social a { color: var(--wp--preset--color--accent-1); text-decoration: none; }
.ckt-author-social a:hover { text-decoration: underline; }
.ckt-author-foot { position: relative; display: flex; align-items: center; gap: 1.5rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--wp--preset--color--accent-4); }
.ckt-author-stats { list-style: none; margin: 0; padding: 0; display: flex; flex: 1; min-width: 0; }
.ckt-author-stats li { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0 1.5rem; border-left: 1px solid var(--wp--preset--color--accent-4); }
.ckt-author-stats li:first-child { padding-left: 0; border-left: 0; }
.ckt-author-stats .ckt-ico { width: 28px; height: 28px; color: var(--wp--preset--color--contrast-2); flex: none; }
.ckt-author-stats span { display: flex; flex-direction: column; font-size: .8125rem; line-height: 1.3; color: var(--wp--preset--color--contrast-2); white-space: nowrap; }
.ckt-author-stats strong { font-size: 1.25rem; font-weight: 700; line-height: 1.2; color: var(--wp--preset--color--contrast); }
.ckt-author-all { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex: none; margin-left: auto; padding: 12px 22px; border-radius: 12px; background: #9A5622; color: #fff !important; font-size: .9375rem; font-weight: 700; line-height: 1.2; text-decoration: none !important; transition: background-color .15s; }
.ckt-author-all:hover { background: #7A3E14; }
.ckt-author-all:focus-visible { outline: 2px solid var(--wp--preset--color--contrast); outline-offset: 2px; }
.ckt-author-all .ckt-ico { width: 18px; height: 18px; transition: transform .15s; }
.ckt-author-all:hover .ckt-ico { transform: translateX(3px); }
/* Khung hẹp (cột bài viết 720px): chỉ số một hàng, nút xuống hàng dưới bên phải */
@container (max-width: 860px) {
	.ckt-author-foot { flex-wrap: wrap; row-gap: 1.25rem; }
	.ckt-author-stats { flex: 1 1 100%; }
	.ckt-author-foot .ckt-author-all { margin-left: auto; }
}
/* Máy tính bảng / cột hẹp: chỉ số và nút xuống 2 hàng */
@media (max-width: 781px) {
	.ckt-author-deco { display: none; }
	.ckt-author-body { padding-right: 0; }
	.ckt-author-foot { flex-direction: column; align-items: stretch; gap: 1.25rem; }
	.ckt-author-all { margin-left: 0; }
}
/* Điện thoại: ảnh + tên một hàng, giới thiệu và chỉ số bên dưới, nút full chiều ngang */
@media (max-width: 600px) {
	.ckt-author { padding: 1.25rem; border-radius: 14px; }
	.ckt-author-main { display: grid; grid-template-columns: 72px 1fr; column-gap: 1rem; row-gap: 0; }
	.ckt-author-photo, .ckt-author-body { display: contents; }
	.ckt-author-photo > a:first-child, .ckt-author.is-archive .ckt-author-img { grid-column: 1; grid-row: 1 / span 3; align-self: center; }
	.ckt-author-img { width: 72px; height: 72px; box-shadow: 0 0 0 3px var(--wp--preset--color--accent-6), 0 0 0 4px var(--wp--preset--color--accent-4); }
	.ckt-author-edit { position: static; grid-column: 1; grid-row: 1 / span 3; align-self: end; justify-self: end; width: 26px; height: 26px; margin: 0 -2px 2px 0; z-index: 1; }
	.ckt-author-edit .ckt-ico { width: 13px; height: 13px; }
	.ckt-author-kicker, .ckt-author-name, .ckt-author-job { grid-column: 2; align-self: center; }
	.ckt-author-kicker { font-size: .6875rem; }
	.ckt-author .ckt-author-name { font-size: 1.25rem; margin-top: 2px; }
	.ckt-author .ckt-author-job { margin-top: 4px; font-size: .8125rem; line-height: 1.35; }
	.ckt-author-bio, .ckt-author-tags, .ckt-author-cred, .ckt-author-social { grid-column: 1 / -1; }
	.ckt-author-bio { margin-top: 1rem; font-size: .9375rem; }
	.ckt-author-tags { margin-top: .875rem; gap: 6px; }
	.ckt-author-tags li { padding: 6px 12px 6px 10px; font-size: .8125rem; }
	.ckt-author-tags .ckt-ico { width: 16px; height: 16px; }
	.ckt-author .ckt-author-cred, .ckt-author .ckt-author-social { margin-top: .75rem; }
	.ckt-author-stats li { flex: 1; flex-direction: column; align-items: flex-start; gap: 6px; padding: 0 .75rem; min-width: 0; }
	.ckt-author-stats .ckt-ico { width: 22px; height: 22px; }
	.ckt-author-stats span { white-space: normal; font-size: .75rem; }
	.ckt-author-stats strong { font-size: 1.125rem; }
	.ckt-author-all { width: 100%; padding: 14px 20px; }
}

/* ===== ĐỘ TƯƠNG PHẢN CHỮ (WCAG AA, Lighthouse) ===== */
.ckt-footer-kicker { color: #E0A26A; }
.ckt-footer-cta-btn .wp-block-button__link, .ckt-na-btn.is-primary { background: #9A5622; }
.ckt-footer-cta-btn .wp-block-button__link:hover, .ckt-na-btn.is-primary:hover { background: #7A3E14; }

/* ===== ĐIỆN THOẠI: NỘI DUNG SÁT MÉP =====
   Một hệ quy chuẩn chung cho màn hình dưới 600px:
   - Lề trang 8px cho mọi khối dùng lề chung (thanh logo/menu, nội dung, footer, vùng quảng cáo).
   - Khung có nền/viền: đệm trong 12px, bo góc 10px. Ảnh: bo góc 6px. Nút: bo góc 8px. */
@media (max-width: 600px) {
	:root body {
		--wp--style--root--padding-left: 8px;
		--wp--style--root--padding-right: 8px;
		--ckt-card-pad: 12px;
		--ckt-card-radius: 10px;
	}
	.ckt-author { padding: var(--ckt-card-pad); border-radius: var(--ckt-card-radius); }
	.ckt-author-all { border-radius: 8px; }
	.ckt-footer-note { padding: var(--ckt-card-pad); border-radius: var(--ckt-card-radius); }
	.ckt-hero-list > li:first-child .wp-block-post-featured-image img { border-radius: 6px; }
}

/* ===== HÀNG DƯỚI SAPO: GOOGLE NEWS + CHIA SẺ ===== */
.ckt-sharebar { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ckt-gnews { box-sizing: border-box; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 14px; border-radius: 10px; background: #F1F1F1; color: #5F6368; font-size: .9375rem; line-height: 1; text-decoration: none; white-space: nowrap; transition: background-color .15s; }
.ckt-gnews-logo { display: block; width: auto; height: 24px; }
.ckt-gnews-name { font-weight: 700; color: #3C4043; }
.ckt-share { position: relative; display: inline-flex; align-items: center; gap: 6px; margin-left: auto; height: 44px; padding: 0 4px 0 14px; box-sizing: border-box; border: 1px solid #E5E5E5; border-radius: 12px; background: #fff; }
.ckt-share-label { font-size: .9375rem; color: #3C4043; margin-right: 4px; }
.ckt-share-btn { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 1px solid #DADCE0; border-radius: 50%; background: #fff; color: #5F6368; cursor: pointer; text-decoration: none; transition: background-color .15s, color .15s, border-color .15s; }
.ckt-share-btn:focus-visible, .ckt-gnews:focus-visible { outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px; }
.ckt-share-btn svg { width: 18px; height: 18px; }
.ckt-share-menu { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 60; min-width: 170px; padding: 6px; border: 1px solid #E5E5E5; border-radius: 10px; background: #fff; box-shadow: 0 10px 28px -10px rgba(0, 0, 0, .25); }
.ckt-share-menu[hidden] { display: none; }
.ckt-share-menu a { display: block; padding: 9px 12px; border-radius: 6px; color: var(--wp--preset--color--contrast); font-size: .875rem; text-decoration: none; }
.ckt-share-toast { position: absolute; z-index: 60; right: 0; bottom: calc(100% + 8px); white-space: nowrap; padding: 6px 12px; border-radius: 6px; background: var(--wp--preset--color--contrast); color: #fff; font-size: .8125rem; opacity: 0; pointer-events: none; transition: opacity .2s; }
.ckt-share-toast.is-on { opacity: 1; }
/* Đổi màu khi rê chuột: chỉ thiết bị có chuột (trên màn cảm ứng nút không bị giữ màu sau khi chạm) */
@media (hover: hover) {
	.ckt-gnews:hover { background: #E8E8E8; }
	.ckt-share-btn:hover { background: var(--wp--preset--color--base-2); color: var(--wp--preset--color--accent-1); border-color: var(--wp--preset--color--accent-4); }
	.ckt-share-menu a:hover { background: var(--wp--preset--color--base-2); }
}
@media (max-width: 600px) {
	/* Điện thoại: một hàng, bỏ chữ "Chia sẻ" */
	.ckt-share-label { display: none; }
	.ckt-gnews { height: 44px; padding: 0 10px; font-size: .8125rem; gap: 5px; }
	.ckt-gnews-logo { height: 20px; }
	.ckt-share { height: 44px; padding: 0 4px; gap: 6px; border-radius: 10px; }
	.ckt-share-btn { width: 34px; height: 34px; }
	.ckt-share-btn svg { width: 16px; height: 16px; }
}