/**
 * GTHL News Grid — layout only.
 * Type / colors / spacing tokens: assets/css/gthl-blocks-global.css
 */

.gthl-news-grid {
	--gthl-ng-columns: 3;
	padding-top: var(--gthl-space-2xl);
	padding-bottom: var(--gthl-space-2xl);
}

/* Above Footer widget area */
.gthl-above-footer .gthl-news-grid {
	padding-top: var(--gthl-space-2xl);
	padding-bottom: var(--gthl-space-2xl);
}

.gthl-above-footer .gthl-news-grid__inner {
	padding-left: var(--gen-gutter, var(--gthl-space-2xl));
	padding-right: var(--gen-gutter, var(--gthl-space-2xl));
}

.gthl-news-grid__inner {
	width: 100%;
	max-width: var(--gen-container);
	margin: 0 auto;
}

.gthl-news-grid__heading,
.gthl-news-grid__heading.gthl-section-heading {
	margin: 0 0 var(--gthl-space-2xl);
	padding: 0;
	text-align: center;
}

.gthl-news-grid__grid {
	display: grid;
	grid-template-columns: repeat(var(--gthl-ng-columns, 3), minmax(0, 1fr));
	gap: var(--gthl-space-2xl);
	width: 100%;
	align-items: stretch;
}

.gthl-news-grid__card {
	margin: 0;
	min-width: 0;
	height: 100%;
}

.gthl-news-grid__card-link {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
	border-radius: var(--gthl-radius-card);
	background: var(--gthl-color-card-bg);
	text-decoration: none;
	color: inherit;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gthl-news-grid__card-link:hover,
.gthl-news-grid__card-link:focus-visible {
	transform: translateY(-3px);
	box-shadow: var(--gthl-shadow-card);
	outline: none;
}

.gthl-news-grid__media {
	aspect-ratio: var(--gthl-media-card-ratio);
}

.gthl-news-grid__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: var(--gthl-space-sm);
	padding-top: var(--gthl-space-lg);
	padding-right: var(--gthl-space-xl);
	padding-bottom: var(--gthl-space-3xl);
	padding-left: var(--gthl-space-xl);
}

/* Date + title type comes from gthl-blocks-global.css */

/* Red pill pagination */
.gthl-news-grid__pagination {
	display: flex;
	justify-content: center;
	margin-top: var(--gthl-space-2xl);
	padding-top: var(--gthl-space-xl);
	border-top: 1px solid var(--gthl-color-border-soft);
}

.gthl-news-grid__pagination-bar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--gthl-space-xs) var(--gthl-space-md);
	min-height: var(--gthl-btn-min-height);
	padding: var(--gthl-space-sm) var(--gthl-space-lg);
	border-radius: var(--gthl-radius-pill);
	background: var(--gthl-color-red, var(--gen-secondary));
	box-shadow: var(--gthl-shadow-nav);
}

.gthl-news-grid__page {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: var(--gthl-space-lg);
	padding: var(--gthl-space-xs);
	font-family: var(--gthl-font-family);
	font-size: var(--gthl-font-size-body-small);
	font-weight: var(--gthl-font-weight-bold);
	line-height: 1;
	color: var(--gthl-color-white);
	text-decoration: none;
	opacity: 0.85;
	transition: opacity 0.15s ease, transform 0.15s ease;
}

.gthl-news-grid__page:hover,
.gthl-news-grid__page:focus-visible {
	opacity: 1;
	transform: scale(1.08);
	outline: none;
}

.gthl-news-grid__page.is-current {
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 3px;
}

@media (max-width: 1024px) {
	.gthl-news-grid__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--gthl-space-xl);
	}

	.gthl-news-grid__heading,
	.gthl-news-grid__heading.gthl-section-heading {
		margin-bottom: var(--gthl-space-xl);
	}
}

@media (max-width: 782px) {
	.gthl-news-grid {
		padding-top: var(--gthl-space-xl);
		padding-bottom: var(--gthl-space-xl);
	}

	.gthl-above-footer .gthl-news-grid__inner {
		padding-left: var(--gthl-space-lg);
		padding-right: var(--gthl-space-lg);
	}

	.gthl-news-grid__heading,
	.gthl-news-grid__heading.gthl-section-heading {
		margin-bottom: var(--gthl-space-lg);
	}

	.gthl-news-grid__grid {
		grid-template-columns: 1fr;
		gap: var(--gthl-space-lg);
	}

	.gthl-news-grid__body {
		padding-top: var(--gthl-space-lg);
		padding-right: var(--gthl-space-lg);
		padding-bottom: var(--gthl-space-3xl);
		padding-left: var(--gthl-space-lg);
		gap: var(--gthl-space-sm);
	}

	.gthl-news-grid__pagination-bar {
		gap: var(--gthl-space-sm) var(--gthl-space-md);
		padding: var(--gthl-space-sm) var(--gthl-space-lg);
	}
}

@media (max-width: 480px) {
	.gthl-news-grid__inner {
		padding-left: var(--gthl-space-md);
		padding-right: var(--gthl-space-md);
	}
}

@media (prefers-reduced-motion: reduce) {
	.gthl-news-grid__card-link,
	.gthl-news-grid__page {
		transition: none;
	}
}