.text-feed-c6ecf2cb {
	display: flex;
	flex-direction: column;
	gap: 20px; /* Default gap, overridable by Elementor controls */
}

.tf-item-c6ecf2cb {
	display: flex;
	gap: 20px;
	align-items: flex-start;
	padding: 24px;
	border-radius: 8px;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
	transition: all 0.3s ease;
}

.tf-item-c6ecf2cb:hover {
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
	border-color: #d0d0d0;
}

.tf-image-c6ecf2cb {
	flex-shrink: 0;
	width: 60px; /* Default size, overridable */
	height: 60px; /* Default size, overridable */
	border-radius: 4px;
	overflow: hidden;
	background-color: #f5f5f5; /* Placeholder bg in case image is empty/transparent */
}

.tf-image-c6ecf2cb img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* Ensures image is square without distortion */
	display: block;
}

.tf-content-wrap-c6ecf2cb {
	flex-grow: 1;
}

.tf-meta-header-c6ecf2cb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-bottom: 8px;
}

.tf-meta-c6ecf2cb {
	font-size: 0.85rem;
	color: #888;
	font-weight: 500;
}

.tf-platforms-c6ecf2cb {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.tf-platform-tag-c6ecf2cb {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	padding: 2px 8px;
	border-radius: 12px;
	border: 1px solid #ddd;
	color: #666;
	background-color: #fafafa;
}

/* Optional specific platform colors if desired, falling back to control colors if not */
.tf-platform-playstation { border-color: #003791; color: #003791; background-color: #e6f0ff; }
.tf-platform-xbox { border-color: #107C10; color: #107C10; background-color: #e6f7e6; }
.tf-platform-pc-steam { border-color: #171a21; color: #171a21; background-color: #e3e6eb; }
.tf-platform-pc-epic { border-color: #313131; color: #313131; background-color: #f0f0f0; }
.tf-platform-switch { border-color: #E60012; color: #E60012; background-color: #ffe6e6; }


.tf-title-c6ecf2cb {
	margin: 0 0 2px 0;
	font-size: 1.1rem;
	font-weight: 600;
}

.tf-subtitle-c6ecf2cb {
	margin: 0 0 8px 0;
	font-size: 0.9rem;
	color: #666;
	font-weight: 500;
}

.tf-text-c6ecf2cb {
	margin: 0;
	line-height: 1.5;
}

.tf-text-c6ecf2cb p:last-child {
	margin-bottom: 0;
}

/* Mobile Optimizations */
@media (max-width: 767px) {
    .tf-item-c6ecf2cb {
        flex-direction: column;
        align-items: flex-start;
    }

    .tf-hide-image-mobile-yes .tf-image-c6ecf2cb {
        display: none;
    }

    .tf-image-c6ecf2cb {
        margin-bottom: 10px; /* Add margin when vertically stacked */
    }
}