/**
 * Workshop Listing Styles
 *
 * @package HTA\LiveEvent\Public\Components\Hero
 */

.hta-workshop-listing {
	margin: 30px 0;
}

.hta-workshop-listing__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 30px;
	margin-top: 30px;
}

@media (max-width: 768px) {
	.hta-workshop-listing__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

/* Workshop Card styles are in workshop-card.css */
/* This file only contains listing-specific styles */