/**
 * plugins/generic/articleTimeline/styles/timeline.css
 *
 * Copyright (c) 2026 Abdul Hadi Alaidi
 * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
 *
 * Minimal styling for the editorial timeline. Colors and fonts are
 * inherited from the active theme.
 */

/* own margin: themes like rumahJurnalTheme give .item no spacing (the default theme pads it) */
.article-timeline-main {
	margin: 1rem 0;
	font-size: 0.9em;
}

/* overflow clips the separator of whichever entry starts a line, so a wrapped row never begins or ends with "·" */
.article-timeline-main .article-timeline-entries {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25em 1.5em;
	overflow: hidden;
}

.article-timeline-main .article-timeline-entry {
	position: relative;
	display: inline-flex;
	align-items: baseline;
	white-space: nowrap;
}

.article-timeline-main .article-timeline-entry::before {
	content: "·";
	position: absolute;
	inset-inline-start: -0.95em;
	opacity: 0.6;
}

.article-timeline .article-timeline-label {
	font-weight: 600;
	margin-inline-end: 0.25em;
}

.article-timeline-sidebar .article-timeline-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.article-timeline-sidebar .article-timeline-entry {
	display: flex;
	justify-content: space-between;
	gap: 0.75em;
}