/* ==========================================================
 * Blog Archive — sidebar, pagination (card dùng post-card.css)
 * ========================================================== */

/* ---- Layout chung ---- */
.blog-wrapper:not(.blog-single) .row-large {
	gap: 0;
}

/* Ẩn card cũ Flatsome nếu còn sót */
.blog-wrapper:not(.blog-single) article.post:not(.tv-post-card) .entry-divider,
.blog-wrapper:not(.blog-single) article.post:not(.tv-post-card) .article-inner .is-divider {
	display: none !important;
}

/* ---- Sidebar trên trang archive ---- */
.blog-wrapper:not(.blog-single) .post-sidebar .widget {
	background: #fff;
	border: 1px solid #f0e6d0;
	border-radius: 10px;
	padding: 18px 20px 20px;
	margin-bottom: 20px;
}
.blog-wrapper:not(.blog-single) .post-sidebar .widget .widget-title,
.blog-wrapper:not(.blog-single) .post-sidebar .widget > h3 {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .6px;
	color: #724907;
	margin: 0 0 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid #f0e6d0;
}
.blog-wrapper:not(.blog-single) .post-sidebar .widget .is-divider {
	display: none !important;
}
.blog-wrapper:not(.blog-single) .post-sidebar .widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-wrapper:not(.blog-single) .post-sidebar .widget ul li {
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px solid #f8f4ed;
	font-size: 13.5px;
}
.blog-wrapper:not(.blog-single) .post-sidebar .widget ul li:last-child {
	border-bottom: 0;
}
.blog-wrapper:not(.blog-single) .post-sidebar .widget ul li a {
	color: #374151;
	text-decoration: none;
}
.blog-wrapper:not(.blog-single) .post-sidebar .widget ul li a:hover {
	color: #c7952c;
}

/* Flatsome recent posts date box */
.blog-wrapper:not(.blog-single) .post-sidebar .recent-blog-posts .date-box {
	flex-shrink: 0;
	width: 42px;
	text-align: center;
	background: #fdfbf6;
	border: 1px solid #f0e6d0;
	border-radius: 6px;
	padding: 4px 6px;
}
.blog-wrapper:not(.blog-single) .post-sidebar .recent-blog-posts .date-box .date-day {
	font-size: 15px;
	font-weight: 800;
	color: #c7952c;
	line-height: 1.2;
}
.blog-wrapper:not(.blog-single) .post-sidebar .recent-blog-posts .date-box .date-month {
	font-size: 10px;
	text-transform: uppercase;
	color: #724907;
	font-weight: 600;
}
.blog-wrapper:not(.blog-single) .post-sidebar .recent-blog-posts a {
	color: #374151;
	text-decoration: none;
	font-weight: 600;
}
.blog-wrapper:not(.blog-single) .post-sidebar .recent-blog-posts a:hover {
	color: #c7952c;
}

/* ---- Divider giữa sidebar và content ---- */
.blog-wrapper:not(.blog-single) .row-divided > .col:not(:last-child)::after {
	border-color: #f0e6d0 !important;
}

/* ---- Pagination ---- */
.blog-wrapper:not(.blog-single) .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	padding: 0 10px;
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
	color: #374151;
	text-decoration: none;
	border: 1px solid #e5e7eb;
	transition: all .15s;
}
.blog-wrapper:not(.blog-single) .page-numbers:hover {
	border-color: #c7952c;
	color: #c7952c;
}
.blog-wrapper:not(.blog-single) .page-numbers.current {
	background: linear-gradient(135deg, #c7952c, #724907);
	color: #fff;
	border-color: transparent;
}