/* Resources archive grid layout and spacing fixes */

/* Force grid layout when ALM layouts is enabled */
.tmpl-resource .resource__resources-row .alm-listing.alm-grid,
.tmpl-resource .resource__resources-row .alm-listing.alm-ajax,
.tmpl-resource .resource__resources-row .alm-listing.alm-grid.alm-grid-cols-3,
.tmpl-resource .resource__resources-row .alm-listing.alm-ajax.alm-grid-cols-3,
.tmpl-resource .alm-layouts .alm-listing.alm-grid,
.tmpl-resource .alm-layouts .alm-listing.alm-ajax,
.resource .alm-listing.alm-grid.alm-grid-cols-3,
.resource .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
.alm-listing.alm-grid.alm-grid-cols-3,
.alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
.alm-layouts .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
#ajax-load-more .alm-listing.alm-grid.alm-grid-cols-3,
#ajax-load-more .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
#ajax-load-more-resource .alm-listing.alm-grid.alm-grid-cols-3,
#ajax-load-more-resource .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	column-gap: 32px !important;
	row-gap: 32px !important;
	gap: 32px !important;
	flex-wrap: unset !important;
	width: calc(100% - 100px) !important;
	margin-left: 50px !important;
	margin-right: 50px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0 !important;
}

.tmpl-resource .resource__resources-row .alm-listing.alm-grid > *,
.tmpl-resource .resource__resources-row .alm-listing.alm-ajax > *,
.tmpl-resource .resource__resources-row .alm-listing.alm-grid.alm-grid-cols-3 > *,
.tmpl-resource .resource__resources-row .alm-listing.alm-ajax.alm-grid-cols-3 > *,
.alm-listing.alm-grid.alm-grid-cols-3 > *,
.alm-listing.alm-ajax.alm-grid-cols-3 > *,
.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3 > * {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin: 0 !important;
	width: 100% !important;
	min-width: 0 !important;
}

/* Mobile: 1 column */
@media only screen and (max-width: 1024px) {
	.tmpl-resource .resource__resources-row .alm-listing.alm-grid,
	.tmpl-resource .resource__resources-row .alm-listing.alm-ajax,
	.tmpl-resource .resource__resources-row .alm-listing.alm-grid.alm-grid-cols-3,
	.tmpl-resource .resource__resources-row .alm-listing.alm-ajax.alm-grid-cols-3,
	.tmpl-resource .resource__resources-row .alm-layouts .alm-listing.alm-grid,
	.tmpl-resource .resource__resources-row .alm-layouts .alm-listing.alm-ajax,
	.tmpl-resource .resource__resources-row .alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	.tmpl-resource .resource__resources-row .alm-layouts .alm-listing.alm-ajax.alm-grid-cols-3,
	.tmpl-resource .alm-layouts .alm-listing.alm-grid,
	.tmpl-resource .alm-layouts .alm-listing.alm-ajax,
	.tmpl-resource .alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	.tmpl-resource .alm-layouts .alm-listing.alm-ajax.alm-grid-cols-3,
	.resource .resource__resources-row .alm-listing.alm-grid.alm-grid-cols-3,
	.resource .resource__resources-row .alm-listing.alm-ajax.alm-grid-cols-3,
	.resource .alm-listing.alm-grid.alm-grid-cols-3,
	.resource .alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	.alm-listing.alm-grid.alm-grid-cols-3,
	.alm-listing.alm-ajax.alm-grid-cols-3,
	.alm-listing.alm-ajax.alm-grid.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-ajax.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	.alm-layouts .alm-listing.alm-ajax.alm-grid-cols-3,
	#ajax-load-more.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	#ajax-load-more.alm-layouts .alm-listing.alm-ajax.alm-grid-cols-3,
	#ajax-load-more .alm-listing.alm-grid.alm-grid-cols-3,
	#ajax-load-more .alm-listing.alm-ajax.alm-grid-cols-3,
	#ajax-load-more-resource.alm-layouts .alm-listing.alm-grid.alm-grid-cols-3,
	#ajax-load-more-resource.alm-layouts .alm-listing.alm-ajax.alm-grid-cols-3,
	#ajax-load-more-resource .alm-listing.alm-grid.alm-grid-cols-3,
	#ajax-load-more-resource .alm-listing.alm-ajax.alm-grid-cols-3 {
		grid-template-columns: 1fr !important;
		column-gap: 0 !important;
		row-gap: 32px !important;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

/* Reset container spacing */
.tmpl-resource .resource__resources-row,
.resource .resource__resources-row {
	margin: 0 !important;
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Ensure grid has proper spacing */
.tmpl-resource .resource__resources-row .alm-listing {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media only screen and (max-width: 1024px) {
	.tmpl-resource .resource__resources-row,
	.resource .resource__resources-row {
		padding-left: 3rem !important;
		padding-right: 3rem !important;
	}
}