/* ==========================================================================
   ASI Archive Page Template — layout wrapper only.
   Card / grid / filter bar styles are inherited from:
   blocks/asi-resource-filter/style.css (.asi-rf-card, .asi-filter-grid, etc.)
   ========================================================================== */

/* ------------------------------------------------------------------
   Title Hero Banner
   ------------------------------------------------------------------ */
.asi-archive-hero {
	background: #1c3040;
	padding: 52px 20px;
}

.asi-archive-hero-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

.asi-archive-title {
	font-size: clamp( 24px, 4vw, 40px );
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #ffffff;
	margin: 0;
	line-height: 1.2;
}

/* ------------------------------------------------------------------
   Content container
   ------------------------------------------------------------------ */
.asi-archive-content {
	padding: 48px 20px 60px;
	background: #ffffff;
}

.asi-archive-inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* Make the resource-filter-block inside archive fill the container */
.asi-archive-inner .asi-resource-filter-block {
	padding: 0;
}

/* ------------------------------------------------------------------
   Pagination
   ------------------------------------------------------------------ */
.asi-archive-pagination {
	display: flex;
	justify-content: center;
	margin-top: 48px;
}

.asi-archive-pagination ul {
	display: flex;
	gap: 6px;
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: wrap;
	justify-content: center;
}

.asi-archive-pagination ul li {
	margin: 0;
}

.asi-archive-pagination ul li a,
.asi-archive-pagination ul li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	border: 1px solid #dde2e7;
	color: #1c3040;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.asi-archive-pagination ul li a:hover {
	background: #109aa9;
	border-color: #109aa9;
	color: #ffffff;
}

.asi-archive-pagination ul li span.current {
	background: #109aa9;
	border-color: #109aa9;
	color: #ffffff;
}

/* ------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------ */
@media ( max-width: 768px ) {
	.asi-archive-hero    { padding: 36px 16px; }
	.asi-archive-content { padding: 32px 16px 48px; }
}

@media ( max-width: 520px ) {
	.asi-archive-hero    { padding: 28px 16px; }
	.asi-archive-content { padding: 24px 16px 40px; }
}