/*
 * Team member expandable list item (tgs_render_team_sections() in
 * system/template-tags.php). Lightweight divider-list treatment (no card
 * box) with the arrow-toggle affordance kept front and center.
 *
 * Relies on Bootstrap 4's collapse.js, which toggles a `.collapsed` class
 * on the trigger element to reflect current state - the trigger starts
 * with `.collapsed` in the markup (since panels start closed) so the
 * chevron is correct from first paint, not just after the first click.
 */

.team-card {
	padding-bottom: 22px;
	margin-bottom: 22px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.team-card:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.team-card__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 0;
	cursor: pointer;
	color: #b6d85d;
	font-size: 1.375rem;
	line-height: 1.4;
}

.team-card__toggle:hover,
.team-card__toggle:focus-visible {
	color: #198a4a;
	outline: none;
}

.team-card__name {
	flex: 1 1 auto;
}

.team-card__title {
	color: #d7dde1;
	font-weight: 400;
}

.team-card__chevron {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: #3ca55c;
	font-size: 0.8rem;
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.team-card__toggle:not(.collapsed) .team-card__chevron {
	background: rgba(60, 165, 92, 0.2);
	transform: rotate(90deg);
}

.team-card__intro {
	color: #fff;
	margin: 8px 0 0;
}

.team-card__body {
	color: #fff;
	padding-top: 18px;
	line-height: 1.7;
}

.team-card__body p:last-child {
	margin-bottom: 0;
}

.team-card__body a {
	color: #98c358;
	text-decoration: underline;
	text-decoration-style: dashed;
	text-decoration-color: rgba(152, 195, 88, 0.6);
	text-underline-offset: 3px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.team-card__body a:hover,
.team-card__body a:focus-visible {
	color: #b6d85d;
	text-decoration-style: solid;
	text-decoration-color: currentColor;
}