.brandly-recent-posts-widget {
	border: var(--brandly-rp-border-width, 0) solid var(--brandly-rp-border-color, #e5e5e5);
	border-radius: var(--brandly-rp-border-radius, 8px);
	padding: var(--brandly-rp-widget-padding, 0);
}

.brandly-recent-posts-widget .widget-title,
.brandly-recent-posts-widget .widgettitle {
	color: var(--brandly-rp-widget-title-color, #111111) !important;
	font-size: var(--brandly-rp-widget-title-size, 24px) !important;
	font-weight: var(--brandly-rp-widget-title-weight, 700) !important;
}

.brandly-recent-posts-widget .brandly-rp-widget-title-text {
	color: var(--brandly-rp-widget-title-color, #111111) !important;
	font-size: var(--brandly-rp-widget-title-size, 24px) !important;
	font-weight: var(--brandly-rp-widget-title-weight, 700) !important;
}

.brandly-recent-posts-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.9rem;
}

.brandly-recent-post-item {
	display: grid;
	gap: 0.75rem;
	align-items: start;
}

.brandly-recent-post-item.has-thumb {
	grid-template-columns: var(--brandly-rp-thumb-size, 80px) minmax(0, 1fr);
}

.brandly-recent-post-item.no-thumb {
	grid-template-columns: minmax(0, 1fr);
}

.brandly-recent-post-thumb {
	display: block;
	width: var(--brandly-rp-thumb-size, 80px) !important;
}

.brandly-recent-post-thumb img {
	width: 100% !important;
	height: var(--brandly-rp-thumb-size, 80px) !important;
	object-fit: cover;
	border-radius: var(--brandly-rp-thumb-radius, 8px) !important;
	display: block;
}

.brandly-recent-post-content {
	min-width: 0;
}

.brandly-recent-post-title {
	margin: 0;
	line-height: 1.35;
}

.brandly-recent-post-title a {
	color: var(--brandly-rp-title-color, #111111) !important;
	font-size: var(--brandly-rp-title-size, 16px) !important;
	font-weight: 600;
	text-decoration: none;
}

.brandly-recent-post-title a:hover {
	color: var(--brandly-rp-title-hover-color, #111111) !important;
	text-decoration: underline;
}

.brandly-recent-posts-widget .brandly-recent-post-meta,
.brandly-recent-posts-widget .brandly-recent-post-meta span {
	margin-top: 0.35rem;
	color: var(--brandly-rp-meta-color, #666666) !important;
	font-size: var(--brandly-rp-meta-size, 13px) !important;
}

.brandly-recent-post-excerpt {
	margin-top: 0.4rem;
	color: var(--brandly-rp-excerpt-color, #525252);
	font-size: var(--brandly-rp-excerpt-size, 14px);
	line-height: 1.45;
}