/* Meta formatting */

article.type-post .dso-post-meta {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: start;
	gap: 0.8rem;
	
	padding-bottom: 0.8rem;
	
	font-family: var(--dso-meta-font);
	font-size: 0.9rem;
}

article.type-post:has(.single-layout-1) .dso-post-meta {
	padding-bottom: 0;
	margin-bottom: 0.8rem;
}

article.type-post .dso-meta-emoji {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--dso-bg-emoji-color);
	padding: 0.25rem;
	
	width: 1.8rem;
	aspect-ratio: 1 / 1;
	
	border-radius: 99rem;
	
	box-shadow: 0 0 0.375rem hsl(0, 0%, 0%, 0.08) inset;
}

article.type-post .dso-meta-item--read-time,
article.type-post .dso-meta-item--trip-date,
article.type-post .dso-meta-item--post-views,
article.type-post .dso-meta-item--comments {
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap: 0.4rem;
	line-height: 1;
}

.dso-meta-text, .dso-meta-text a {
	color: var(--dso-cool-gray-80);
}

.dso-meta-text a:hover {
	color: var(--dso-orange-50);
}

.dso-meta-emoji img {
	filter: drop-shadow(0px 0.125rem 0px var(--dso-cool-gray-90-25p));
}