/* ============================================================
   Archive-specific: pagination, single, project layout.
   Card + grid styles are shared in assets/cards.css (global).
   Banner styles live in style.css (global).
   ============================================================ */

/* Pagination */
.bir-pagination { margin-top: 44px; text-align: center; }
.bir-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; padding: 0 12px;
	margin: 0 4px; border: 1px solid var(--bir-border); border-radius: var(--bir-radius); color: var(--bir-text-strong); font-weight: 600;
}
.bir-pagination .page-numbers.current, .bir-pagination .page-numbers:hover { background: var(--bir-primary); border-color: var(--bir-primary); color: #fff; }

/* Single */
.bir-single__meta { display: flex; gap: 16px; color: var(--bir-text-muted); font-size: .9rem; margin-bottom: 24px; }
.bir-single__back { margin-top: 40px; }

/* Project single */
.bir-project__grid { display: grid; grid-template-columns: 1fr 320px; gap: 40px; align-items: start; }
.bir-project__facts { background: var(--bir-bg-subtle); border-radius: var(--bir-radius); padding: 28px; position: sticky; top: calc(var(--bir-header-height) + 20px); }
.bir-project__facts h2 { font-size: 1.2rem; color: var(--bir-primary); margin-bottom: 16px; }
.bir-project__facts ul { list-style: none; margin: 0 0 22px; padding: 0; display: grid; gap: 14px; }
.bir-project__facts li { display: grid; gap: 2px; }
.bir-project__facts strong { color: var(--bir-text-muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .05em; }
.bir-project__facts span { color: var(--bir-text-strong); font-weight: 600; }
.bir-project__facts .bir-btn { width: 100%; justify-content: center; }
.bir-project__gallery { margin-top: 44px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.bir-project__gallery-item { border-radius: var(--bir-radius); overflow: hidden; aspect-ratio: 4/3; }
.bir-project__gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.bir-project__gallery-item:hover img { transform: scale(1.06); }
.bir-project__back { margin-top: 40px; }

@media (max-width: 980px) {
	.bir-post-grid, .bir-portfolio-grid { grid-template-columns: repeat(2, 1fr); }
	.bir-project__grid { grid-template-columns: 1fr; }
	.bir-project__facts { position: static; }
}
@media (max-width: 620px) {
	.bir-post-grid, .bir-portfolio-grid { grid-template-columns: 1fr; }
	.bir-project__gallery { grid-template-columns: repeat(2, 1fr); }
}