/* ============================================================
   Eviklub Activity Feed — frontend widget styles
   Bootstrap 3 compatible, sidebar-optimised.
   ============================================================ */

.eviklub-activity-feed-widget .eviklub-af-list {
	list-style: none;
	margin: 0;
	padding: 10px 15px;
	display: flex;
	flex-flow: column;
	row-gap: 8px;
}

/* Item ----------------------------------------------------- */

.eviklub-activity-feed-widget .eviklub-af-item {
	padding: 0 0 8px;
	border-bottom: 1px solid #e5e5e5;
}

.eviklub-activity-feed-widget .eviklub-af-item:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

/* Line 1: icon + prefix + title ---------------------------- */

.eviklub-activity-feed-widget .eviklub-af-line1 {
	display: flex;
	align-items: baseline;
	gap: 5px;
	flex-wrap: wrap;
	line-height: 1.4;
}

.eviklub-activity-feed-widget .eviklub-af-line1::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.55;
	position: relative;
	top: 3px;
}

.eviklub-activity-feed-widget .eviklub-af-type-comment .eviklub-af-line1::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chat-left'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H4.414A2 2 0 0 0 3 11.586l-2 2V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12.793a.5.5 0 0 0 .854.353l2.853-2.853A1 1 0 0 1 4.414 12H14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
}

.eviklub-activity-feed-widget .eviklub-af-type-post .eviklub-af-line1::before,
.eviklub-activity-feed-widget .eviklub-af-type-page.eviklub-af-is-new .eviklub-af-line1::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-file-earmark'%3E%3Cpath d='M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z'/%3E%3C/svg%3E");
}

.eviklub-activity-feed-widget .eviklub-af-type-page.eviklub-af-is-updated .eviklub-af-line1::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-pencil-square'%3E%3Cpath d='M15.502 1.94a.5.5 0 0 1 0 .706L14.459 3.69l-2-2L13.502.646a.5.5 0 0 1 .707 0l1.293 1.293zm-1.75 2.456-2-2L4.939 9.21a.5.5 0 0 0-.121.196l-.805 2.414a.25.25 0 0 0 .316.316l2.414-.805a.5.5 0 0 0 .196-.12l6.813-6.814z'/%3E%3Cpath fill-rule='evenodd' d='M1 13.5A1.5 1.5 0 0 0 2.5 15h11a1.5 1.5 0 0 0 1.5-1.5v-6a.5.5 0 0 0-1 0v6a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-11a.5.5 0 0 1 .5-.5H9a.5.5 0 0 0 0-1H2.5A1.5 1.5 0 0 0 1 2.5z'/%3E%3C/svg%3E");
}

.eviklub-activity-feed-widget .eviklub-af-prefix {
	font-size: 0.85em;
	color: #777;
	white-space: nowrap;
}

.eviklub-activity-feed-widget .eviklub-af-title {
	font-size: 0.9em;
	font-weight: 600;
	word-break: break-word;
	color: #333;
	text-decoration: none;
}

.eviklub-activity-feed-widget .eviklub-af-title:hover,
.eviklub-activity-feed-widget .eviklub-af-title:focus {
	color: #23527c;
	text-decoration: underline;
}

/* Line 2: avatar + author + date --------------------------- */

.eviklub-activity-feed-widget .eviklub-af-meta {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 4px;
	font-size: 0.78em;
	color: #999;
	line-height: 1;
}

.eviklub-activity-feed-widget .eviklub-af-avatar {
	border-radius: 2px;
	vertical-align: middle;
	flex-shrink: 0;
	width: 24px;
	height: 24px;
}

.eviklub-activity-feed-widget .eviklub-af-author {
	color: #555;
	text-decoration: none;
	font-weight: 600;
}

a.eviklub-activity-feed-widget .eviklub-af-author,
.eviklub-activity-feed-widget a.eviklub-af-author {
	color: #337ab7;
}

.eviklub-activity-feed-widget a.eviklub-af-author:hover,
.eviklub-activity-feed-widget a.eviklub-af-author:focus {
	color: #23527c;
	text-decoration: underline;
}

.eviklub-activity-feed-widget .eviklub-af-meta time {
	color: #999;
	margin-left: auto;
}