/**
 * Wander Wise Pro — Social Layer (Phase 2e) : Notifications styles
 */
.ww-bell {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px; height: 42px;
	border-radius: 50%;
	background: #F6F2FB;
	text-decoration: none;
	flex: 0 0 auto;
}
.ww-bell-ico { font-size: 1.15rem; line-height: 1; }
.ww-bell-badge {
	position: absolute;
	top: -2px; right: -2px;
	min-width: 18px; height: 18px;
	padding: 0 4px;
	border-radius: 999px;
	background: #D6336C;
	color: #fff;
	font-size: .72rem;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
	box-sizing: border-box;
}

/* Feed header row that carries the bell next to the title */
.ww-feed-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.25rem;
}
.ww-feed-head .ww-feed-title { margin: 0; }

/* Notifications page */
.ww-notif-wrap { max-width: 640px; margin: 2rem auto; padding: 0 1rem; }
.ww-notif-title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.6rem; color: var(--ww-ink, #241633); margin: 0 0 1.25rem;
}
.ww-notif-list {
	background: #fff;
	border: 1px solid var(--ww-line, #EBE1F6);
	border-radius: 16px;
	overflow: hidden;
}
.ww-notif {
	display: flex; align-items: center; gap: .75rem;
	padding: .85rem 1rem;
	border-bottom: 1px solid var(--ww-line, #EBE1F6);
	text-decoration: none;
	color: var(--ww-ink, #241633);
}
.ww-notif:last-child { border-bottom: none; }
.ww-notif:hover { background: #FAF7FD; }
.ww-notif.is-unread { background: #F5EEFC; }
.ww-notif-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.ww-notif-text { font-size: .95rem; line-height: 1.4; }
.ww-notif-ago { display: block; font-size: .78rem; color: var(--ww-sub, #6E6180); margin-top: 2px; }