/**
 * Team Footer widget — “Other members of our team” (author bio reference).
 *
 * @package Personal_Team_Elementor
 * @since 1.2.0
 * @since 1.2.1 — per-member show/hide; removed duplicate row-4 editor preview.
 */

.elementor-widget-team_footer .team-footer {
	--pte-tf-navy: #0a3161;
	margin: 2rem 0 0;
	background: var(--pte-tf-navy);
	border-radius: 12px;
	padding: 1.75rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1.25rem;
	box-sizing: border-box;
}

.elementor-widget-team_footer .team-footer *,
.elementor-widget-team_footer .team-footer *::before,
.elementor-widget-team_footer .team-footer *::after {
	box-sizing: border-box;
}

.elementor-widget-team_footer .pte-team-footer__main {
	flex: 1 1 auto;
	min-width: 0;
}

.elementor-widget-team_footer .tf-label {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.38);
	margin: 0 0 0.75rem;
	line-height: 1.3;
}

.elementor-widget-team_footer .tf-members {
	display: flex;
	gap: 1.5rem;
	flex-wrap: wrap;
	align-items: flex-start;
}

.elementor-widget-team_footer a.tf-member {
	display: flex;
	align-items: center;
	gap: 10px;
	text-decoration: none !important;
	color: inherit !important;
	transition: opacity 0.2s;
}

.elementor-widget-team_footer a.tf-member:hover {
	opacity: 0.8;
}

.elementor-widget-team_footer .tf-member--static {
	display: flex;
	align-items: center;
	gap: 10px;
}

.elementor-widget-team_footer .tf-avatar {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	object-fit: cover;
	border: 2px solid rgba(255, 255, 255, 0.15);
	display: block;
	flex-shrink: 0;
}

.elementor-widget-team_footer .tf-name {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.82);
	font-weight: 500;
	line-height: 1.25;
}

.elementor-widget-team_footer .tf-role {
	font-size: 11.5px;
	color: rgba(255, 255, 255, 0.38);
	margin-top: 1px;
	line-height: 1.35;
}

.elementor-widget-team_footer a.view-all {
	background: #fff;
	color: var(--pte-tf-navy) !important;
	border: none;
	padding: 0.6rem 1.4rem;
	border-radius: 25px;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
	display: inline-block;
	transition: background 0.2s;
	flex-shrink: 0;
	align-self: center;
}

.elementor-widget-team_footer a.view-all:hover {
	background: #e8edf4;
	color: var(--pte-tf-navy) !important;
}

.elementor-widget-team_footer span.view-all {
	background: #fff;
	color: var(--pte-tf-navy);
	padding: 0.6rem 1.4rem;
	border-radius: 25px;
	font-size: 13px;
	font-weight: 700;
	display: inline-block;
	flex-shrink: 0;
	align-self: center;
}

@media (max-width: 680px) {
	.elementor-widget-team_footer .team-footer {
		padding: 1.25rem;
	}
}