/* Homepage category rows — keep Elementor card layout stable with admin images */
.mff-home-cat-row {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

/* Featured cards: square image + white content box centered on the image */
.mff-home-cat-row .elementor-element-2945337 .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail {
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	height: auto !important;
}

.mff-home-cat-row .elementor-element-2945337 .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transform: none;
	left: 0;
	top: 0;
}

.mff-home-cat-row .elementor-element-2945337 .elementor-post__card {
	position: relative;
	overflow: hidden;
	background: transparent;
	display: block;
}

.mff-home-cat-row .elementor-element-2945337 .elementor-post__thumbnail__link {
	display: block;
	width: 100%;
}

/* Category badge — top-left on the image */
.mff-home-cat-row .elementor-element-2945337 .elementor-post__badge {
	position: absolute !important;
	top: 20px !important;
	left: 20px !important;
	z-index: 3;
	margin: 0 !important;
}

/* Centered white square box on the image (title + Read + meta) */
.mff-home-cat-row .elementor-element-2945337 .elementor-post__text {
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
	width: 72%;
	max-width: 420px;
	z-index: 2;
	margin: 0 !important;
	padding: 36px 40px 28px !important;
	box-sizing: border-box;
	background: var(--vamtam-accent-color-5, #fff) !important;
	text-align: center;
}

.mff-home-cat-row .elementor-element-2945337 .elementor-post__text .elementor-post__meta-data {
	position: static !important;
	transform: none !important;
	width: auto;
	max-width: none;
	margin: 18px 0 0 !important;
	padding: 0 !important;
	border-top: 0 !important;
	background: transparent !important;
	text-align: left;
}

/* Right classic list — image left, meta under image (1 row), title/excerpt right */
.mff-home-cat-row .elementor-element-4ba5ff3 .elementor-post.mff-home-list-post {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}

.mff-home-cat-row .elementor-element-4ba5ff3 .mff-home-list-media {
	flex: 0 0 33%;
	max-width: 33%;
	width: 33%;
}

.mff-home-cat-row .elementor-element-4ba5ff3 .mff-home-list-media .elementor-post__thumbnail__link {
	display: block;
	width: 100% !important;
	margin: 0;
}

.mff-home-cat-row .elementor-element-4ba5ff3 .elementor-post__thumbnail {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: #f3f1ee;
}

.mff-home-cat-row .elementor-element-4ba5ff3 .elementor-post__thumbnail img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mff-home-cat-row .elementor-element-4ba5ff3 .mff-home-list-meta {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	margin-top: 10px;
	width: 100%;
}

.mff-home-cat-row .elementor-element-4ba5ff3 .mff-home-list-meta span + span:before {
	content: "/" !important;
	margin: 0 6px !important;
}

.mff-home-cat-row .elementor-element-4ba5ff3 .elementor-post__text {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
}

.mff-home-cat-row .mff-post-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	font-size: 12px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--e-global-color-vamtam_accent_3, #6b6b6b);
}

.mff-home-cat-row .elementor-post-views,
.mff-home-cat-row .elementor-post-likes {
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.mff-home-cat-row {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.mff-home-cat-row .elementor-element-2945337 .elementor-post__text {
		width: 86%;
		max-width: none;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	.mff-home-cat-row .elementor-element-4ba5ff3 .elementor-post.mff-home-list-post {
		flex-direction: column;
	}

	.mff-home-cat-row .elementor-element-4ba5ff3 .mff-home-list-media {
		flex: 0 0 auto;
		max-width: 100%;
		width: 100%;
	}
}
