/* Portfolio: flex grid instead of masonry/isotope */

.wd-projects.wd-grid-f-col > .wd-col,
.wd-projects.wd-grid-f-col > .masonry-item {
	position: static !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
}

.wd-projects.wd-grid-f-col.wd-masonry,
.wd-projects.wd-portfolio-flex {
	height: auto !important;
}

/* Desktop: 4 columns */
@media (min-width: 1025px) {
	.wd-projects.wd-grid-f-col {
		--wd-col-lg: 4 !important;
		--wd-col: 4 !important;
	}
}

/* Tablet: 2 columns (override Woodmart inline --wd-col-md:4 from auto) */
@media (min-width: 769px) and (max-width: 1024px) {
	.wd-projects.wd-grid-f-col {
		--wd-col-md: 2 !important;
		--wd-col: 2 !important;
	}
}

/* Mobile: 1 column */
@media (max-width: 768.98px) {
	.wd-projects.wd-grid-f-col {
		--wd-col-sm: 1 !important;
		--wd-col: 1 !important;
	}
}

.wd-projects.wd-grid-f-col .wd-project .entry-thumbnail img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	display: block;
}

.wd-projects.wd-grid-f-col .wd-project {
	height: 100%;
}

.wd-projects.wd-grid-f-col .wd-project .entry-header {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.wd-projects.wd-grid-f-col .wd-project .entry-thumbnail {
	flex-shrink: 0;
}