/* ============================================================
   Authors Box – Frontend Styles  v1.0.3
   Layout: vertical list · transparent background
   ============================================================ */

/* ── Main container: vertical stack ──────────────────── */
.ab-authors-bar {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: transparent;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

/* ── Each author row ──────────────────────────────────── */
.ab-author-item {
	display: flex;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

/* Subtle bottom separator between rows */
.ab-author-item.ab-has-divider {
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/* Remove separator from last item */
.ab-author-item:last-child {
	border-bottom: none;
}

/* Remove the pseudo-element divider (was for horizontal layout) */
.ab-author-item.ab-has-divider::after {
	display: none;
}

/* ── Inner: photo + text side by side ─────────────────── */
.ab-author-inner {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 8px 4px;
	width: 100%;
	box-sizing: border-box;
}

/* ── Photo ────────────────────────────────────────────── */
.ab-photo-link {
	flex-shrink: 0;
	display: block;
	line-height: 0;
}

/* Dimensions + radius driven by dynamic inline CSS */
.ab-author-photo {
	display: block;
	object-fit: cover;
	flex-shrink: 0;
}

/* ── Text block ───────────────────────────────────────── */
.ab-author-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	flex: 1;
	align-self: center;         /* Ensure the block itself sits at the flex row midpoint */
}

/* ── No-message case: collapse line-height so font metrics
   don't push the text below the visual center of the photo ── */
.ab-author-text.ab-text-center {
	align-items: flex-start;
}

.ab-author-text.ab-text-center .ab-author-name {
	line-height: 1;             /* Remove extra whitespace above/below glyphs */
}

/* ── With-message case: keep normal spacing for name + message stack ── */
.ab-author-text:not(.ab-text-center) .ab-author-name {
	line-height: 1.3;
}

/* Name — base size/color driven by dynamic inline CSS */
.ab-author-name {
	display: block;
	font-weight: 700;
	line-height: 1.3;
	transition: color .2s ease;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.ab-name-centered {
	/* Not needed in vertical list — remove centering override */
}

/* Message — base size/color driven by dynamic inline CSS */
.ab-author-message {
	display: block;
	margin: 2px 0 0;
	padding: 0;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

/* ── Responsive ───────────────────────────────────────── */

/* Tablet / Mobile: layout stays vertical, just tighten padding */
@media (max-width: 640px) {
	.ab-author-inner {
		padding: 7px 2px;
		gap: 12px;
	}
}

@media (max-width: 420px) {
	.ab-author-inner {
		padding: 6px 0;
		gap: 10px;
	}
}