/**
 * Veltiara V-Story Teaser widget styles (v0.1.3)
 * Front-page footer shortcode — presentational only.
 */

.veltiara-vstory-teaser__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Subtle teaser item divider — separates items in the front-page footer list */
.veltiara-vstory-teaser__item + .veltiara-vstory-teaser__item {
	margin-top: 0.75rem;
}

.veltiara-vstory-teaser__item + .veltiara-vstory-teaser__item::before {
	content: '';
	display: block;
	width: 32px;
	height: 1px;
	margin: 0 auto 0.4em;
	background: color-mix(in srgb, currentColor 30%, transparent);
}

.veltiara-vstory-teaser__link {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	overflow-wrap: anywhere;
	line-height: 1.35;
	max-height: calc(1.35em * 3);
	text-decoration: none;
}

.veltiara-vstory-teaser__link:hover,
.veltiara-vstory-teaser__link:focus {
	text-decoration: underline;
}