/**
 * Razmak između kartica projekata kao na home-new (.home-new-design_projects__grid { gap: 5px }).
 * Nadjačava .project-snippet-container / .project-snippet iz styles.css (padding 15px + negativni margin).
 *
 * @package Point_Concept
 */

@media (min-width: 768px) {
	.project-snippet-container {
		display: flex;
		flex-wrap: wrap;
		margin-left: 0;
		margin-right: 0;
		gap: 5px;
	}

	.project-snippet {
		padding: 0;
		box-sizing: border-box;
		width: calc((100% - 5px) / 2);
		max-width: calc((100% - 5px) / 2);
	}
}

@media (min-width: 1024px) {
	.project-snippet {
		width: calc((100% - 10px) / 3);
		max-width: calc((100% - 10px) / 3);
	}
}

@media (max-width: 767px) {
	.project-snippet-container {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}

	.project-snippet {
		padding-top: 0;
		padding-bottom: 0;
		width: 100% !important;
		max-width: none;
	}
}