/* ── Team Members — [team_members] (inc/team-members.php) ─────
   Matches the original Divi member sections: 5rem bands, 80% row,
   text 60% (10% gutter) / photo 40%, tan type, + dropdown. */

/* The Divi wrapper section/row/column around the shortcode go edge to edge. */
.team-members-wrap,
.team-members-wrap .et_pb_row,
.team-members-wrap .et_pb_column,
.team-members-wrap .et_pb_text { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; }
.team-members-wrap .et_pb_text_inner > p:empty { display: none; }

.team-member { padding: 5rem 0; color: var(--tan); }
.team-member:nth-child(3n+1) { background-color: var(--dark-green); }
.team-member:nth-child(3n+2) { background-color: var(--light-brown); }
.team-member:nth-child(3n)   { background-color: var(--dark-brown); }

.team-member__row {
	width: 80%;
	max-width: 1728px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

.team-member__text {
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2.5rem;
}
.team-member--photo .team-member__text { flex-basis: 60%; padding-right: 10%; }
.team-member__media { flex: 0 0 40%; }
.team-member__photo { display: block; width: 100%; height: auto; }

.team-member__heading { display: flex; flex-direction: column; gap: 1.5rem; }
.team-member :is(h2, h3, p, li, a) { color: inherit; }
.team-member__bio p:last-child,
.team-member__more-content p:last-child { padding-bottom: 0; }

/* Dropdown — same look as the Divi toggle with .toggle-plain-icon */
.team-member__more { border-top: 1px solid var(--tan); border-bottom: 1px solid var(--tan); padding: 1.5rem 0; }
.team-member__more-title {
	position: relative;
	list-style: none;
	cursor: pointer;
	padding-right: 50px;
}
.team-member__more-title::-webkit-details-marker { display: none; }
.team-member__more-title::after {
	content: "\4c";
	font-family: ETmodules;
	font-size: 24px;
	line-height: 1;
	text-transform: none;
	position: absolute;
	right: -4px;
	top: 50%;
	transform: translateY(-50%);
}
.team-member__more[open] .team-member__more-title::after { content: "\4b"; }
.team-member__more-title:focus-visible { outline: 2px solid var(--tan); outline-offset: 4px; }
.team-member__more-content { padding-top: 1.25rem; }

@media (max-width: 980px) {
	.team-member { padding: 3rem 0; }
	.team-member__row { flex-direction: column-reverse; align-items: stretch; gap: 2rem; }
	.team-member--photo .team-member__text { padding-right: 0; }
	.team-member__media,
	.team-member__text { flex-basis: auto; width: 100%; }
	.team-member__text { gap: 1.5rem; }
	.team-member__heading { gap: 1rem; }
	.team-member__more { padding: 1rem 0; }
}