/**
 * Frontend stilovi za Recent Posts by Category widget
 *
 * @package RecentPostsByCategory
 */

/* -----------------------------------------------
   Osnovna lista objava
------------------------------------------------ */
.rpbc-posts-list,
.rpbc-block-wrapper .rpbc-posts-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rpbc-post-item {
	padding: 5px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	line-height: 1.5;
}

.rpbc-post-item:last-child {
	border-bottom: none;
}

.rpbc-post-item a {
	text-decoration: none;
	color: inherit;
	display: block;
	transition: color 0.2s ease;
}

.rpbc-post-item a:hover,
.rpbc-post-item a:focus {
	color: #0073aa;
	text-decoration: underline;
}

/* -----------------------------------------------
   Meta podaci (datum i kategorija)
------------------------------------------------ */
.rpbc-meta {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 2px;
}

.rpbc-date,
.rpbc-category {
	font-size: 0.78em;
	color: #888;
	opacity: 0.85;
}

.rpbc-category::before {
	content: "📁 ";
	font-style: normal;
}

.rpbc-date::before {
	content: "📅 ";
	font-style: normal;
}

/* -----------------------------------------------
   Block title
------------------------------------------------ */
.rpbc-block-title {
	margin-top: 0;
	margin-bottom: 0.75em;
}

/* -----------------------------------------------
   Gutenberg block wrapper
------------------------------------------------ */
.rpbc-block-wrapper {
	display: block;
}

/* -----------------------------------------------
   Prilagodba za tamne teme (prefers-color-scheme)
------------------------------------------------ */
@media (prefers-color-scheme: dark) {
	.rpbc-post-item {
		border-bottom-color: rgba(255, 255, 255, 0.1);
	}

	.rpbc-date,
	.rpbc-category {
		color: #aaa;
	}
}