/* Results block grid layout and spacing fixes */

/* Force grid layout when ALM layouts is enabled - target by case-study-row class */
.block-case-study__case-study-row .alm-listing.alm-grid,
.block-case-study__case-study-row .alm-listing.alm-ajax,
.block-case-study__case-study-row .alm-listing.alm-grid.alm-grid-cols-3,
.block-case-study__case-study-row .alm-listing.alm-ajax.alm-grid-cols-3,
.block-case-study__case-study-row .alm-layouts .alm-listing.alm-grid,
.block-case-study__case-study-row .alm-layouts .alm-listing.alm-ajax,
.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,
#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-case-study .alm-listing.alm-grid.alm-grid-cols-3,
#ajax-load-more-case-study .alm-listing.alm-ajax.alm-grid-cols-3 {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	column-gap: 3rem !important;
	row-gap: 3rem !important;
	gap: 3rem !important;
	flex-wrap: unset !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.block-case-study__case-study-row .alm-listing.alm-grid > *,
.block-case-study__case-study-row .alm-listing.alm-ajax > *,
.block-case-study__case-study-row .alm-listing.alm-grid.alm-grid-cols-3 > *,
.block-case-study__case-study-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;
}

/* Tablet: 2 columns */
@media only screen and (max-width: 1024px) {
	.block-case-study__case-study-row .alm-listing.alm-grid,
	.block-case-study__case-study-row .alm-listing.alm-ajax,
	.block-case-study__case-study-row .alm-listing.alm-grid.alm-grid-cols-3,
	.block-case-study__case-study-row .alm-listing.alm-ajax.alm-grid-cols-3,
	.block-case-study__case-study-row .alm-layouts .alm-listing.alm-grid,
	.block-case-study__case-study-row .alm-layouts .alm-listing.alm-ajax,
	.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,
	#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-case-study .alm-listing.alm-grid.alm-grid-cols-3,
	#ajax-load-more-case-study .alm-listing.alm-ajax.alm-grid-cols-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 3rem !important;
		row-gap: 3rem !important;
	}
}

/* Mobile: 1 column */
@media only screen and (max-width: 640px) {
	.block-case-study__case-study-row .alm-listing.alm-grid,
	.block-case-study__case-study-row .alm-listing.alm-ajax,
	.block-case-study__case-study-row .alm-listing.alm-grid.alm-grid-cols-3,
	.block-case-study__case-study-row .alm-listing.alm-ajax.alm-grid-cols-3,
	.block-case-study__case-study-row .alm-layouts .alm-listing.alm-grid,
	.block-case-study__case-study-row .alm-layouts .alm-listing.alm-ajax,
	.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,
	#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-case-study .alm-listing.alm-grid.alm-grid-cols-3,
	#ajax-load-more-case-study .alm-listing.alm-ajax.alm-grid-cols-3 {
		grid-template-columns: 1fr !important;
		column-gap: 0 !important;
		row-gap: 3rem !important;
	}
}

/* Reset container spacing and add internal padding */
.block-container .block-inner .block-case-study__case-study-row,
.block-inner .block-case-study__case-study-row,
.block-case-study__case-study-row {
	margin: 0 !important;
	width: 100% !important;
	padding-left: 3rem !important;
	padding-right: 3rem !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Ensure grid has proper internal spacing from edges */
.block-case-study__case-study-row .alm-listing {
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media only screen and (max-width: 640px) {
	.block-container .block-inner .block-case-study__case-study-row,
	.block-inner .block-case-study__case-study-row,
	.block-case-study__case-study-row {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
}

/* Card spacing fixes */
.card-case-study {
	margin: 0 !important;
	box-sizing: border-box !important;
	padding: 3rem 3.3rem !important;
}

