/* Trang danh sách "Thiệp Cưới" — lưới 3/hàng (12 mẫu/trang) + sidebar */
.tc-archive-layout { display: grid; grid-template-columns: 1fr 300px; gap: 40px; align-items: start; color: #26221d; }

.tc-archive-header { grid-column: 1 / -1; margin-bottom: 8px; }
.tc-archive-title { margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: 30px; font-weight: 400; }

.tc-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

.tc-card { display: block; color: #26221d; text-decoration: none; }
.tc-card-photo { aspect-ratio: 3/4; overflow: hidden; border-radius: 10px; background: #faf7f2; }
.tc-card-photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.tc-card:hover .tc-card-photo img { transform: scale(1.04); }
.tc-card-title { margin: 12px 0 4px; font-size: 15px; font-weight: 700; }
.tc-card-price { margin: 0; color: #b5342a; font: 700 13px Arial, sans-serif; }

.tc-archive-main .pagination,
.tc-archive-main .nav-links { display: flex; justify-content: center; gap: 8px; margin-top: 36px; font: 13px Arial, sans-serif; }
.tc-archive-main .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #e8e1d6; border-radius: 8px; color: #26221d; text-decoration: none; }
.tc-archive-main .page-numbers.current { border-color: #b5342a; background: #b5342a; color: #fff; }

/* Sidebar */
.tc-sidebar { display: grid; gap: 32px; }
.tc-widget-title { margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid #e8e1d6; font: 700 13px Arial, sans-serif; text-transform: uppercase; letter-spacing: .06em; color: #7a7168; }

.tc-widget-list { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; }
.tc-widget-list li a { display: flex; align-items: center; gap: 10px; color: #26221d; text-decoration: none; }
.tc-widget-thumb { flex: 0 0 auto; width: 56px; height: 56px; overflow: hidden; border-radius: 8px; }
.tc-widget-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tc-widget-info { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.tc-widget-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 13px/1.4 Arial, sans-serif; font-weight: 700; }
.tc-widget-price { color: #b5342a; font: 700 12px Arial, sans-serif; }
.tc-widget-empty { margin: 0; color: #7a7168; font: 13px Arial, sans-serif; }

.tc-widget-calendar #wp-calendar { width: 100%; border-collapse: collapse; font: 12px Arial, sans-serif; }
.tc-widget-calendar #wp-calendar caption { margin-bottom: 8px; font-weight: 700; text-align: left; }
.tc-widget-calendar #wp-calendar th { padding: 6px 0; color: #7a7168; font-weight: 700; }
.tc-widget-calendar #wp-calendar td { padding: 6px 0; text-align: center; }
.tc-widget-calendar #wp-calendar #today { border-radius: 50%; background: #b5342a; color: #fff; }
.tc-widget-calendar #wp-calendar nav { display: flex; justify-content: space-between; margin-top: 8px; font-size: 12px; }
.tc-widget-calendar #wp-calendar a { color: #b5342a; }

.tc-weather { display: flex; align-items: center; gap: 14px; }
.tc-weather-icon { font-size: 34px; line-height: 1; }
.tc-weather-info { display: flex; flex-direction: column; gap: 2px; font: 13px Arial, sans-serif; }
.tc-weather-info strong { font-size: 20px; }
.tc-weather-info small { color: #7a7168; }

@media (max-width: 900px) {
	.tc-archive-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.tc-grid { grid-template-columns: repeat(2, 1fr); }
}