/**
 * Team Single styles.
 *
 * @package NexioEducation
 */

/* Profile section */
.team-single-profile {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 0 200px 0;
	box-sizing: border-box;
}

.team-single-header-section {
	padding: 0 142px 204px 142px;
	margin-bottom: 0;
}

.team-single-breadcrumb {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--blue);
	margin: 0 0 0 0;
}

.team-single-title {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 800;
	font-size: 48px;
	line-height: 58px;
	color: var(--wp--preset--color--blue);
	margin: -12px 0 0 0;
}

.team-single-content {
	padding: 0 142px;
}

.team-single-separator {
	border: none;
	margin: 0 0 48px 0;
	width: 100%;
	height: 6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1165' height='6' viewBox='0 0 1165 6' fill='none'%3E%3Cpath d='M-3.26633e-05 2.88672L2.88672 5.77347L5.77347 2.88672L2.88672 -3.26633e-05L-3.26633e-05 2.88672ZM1164.77 2.88662L1161.89 -0.000133986L1159 2.88662L1161.89 5.77337L1164.77 2.88662ZM2.88672 2.88672L2.88672 3.38672L1161.89 3.38662L1161.89 2.88662L1161.89 2.38662L2.88672 2.38672L2.88672 2.88672Z' fill='%23064D8E' fill-opacity='0.25'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 100% 6px;
	background-position: center;
}

.team-single-profile-inner {
	display: flex;
	gap: 111px;
	align-items: flex-start;
}

/* Sidebar */
.team-single-sidebar {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 358px;
	flex-shrink: 0;
}

.team-single-info {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 212px;
}

.team-single-image {
	width: 212px;
	height: 212px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}

.team-single-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.team-single-name-role {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.team-single-name {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	color: var(--wp--preset--color--blue);
	margin: 0;
}

.team-single-role {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--blue);
	margin: 0;
}

/* Education */
.team-single-education {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.team-single-label {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--blue);
}

.team-single-education-item {
	display: flex;
	gap: 8px;
	align-items: center;
}

.team-single-education-item span {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--blue);
}

.team-single-icon {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
}

/* Specializations */
.team-single-specializations {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.team-single-specs-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 29px;
}

.team-single-spec-item {
	display: flex;
	gap: 6px;
	align-items: center;
}

.team-single-spec-item span {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--blue);
}

/* Main content */
.team-single-main {
	display: flex;
	flex-direction: column;
	width: 682px;
	flex-shrink: 0;
}

.team-single-main-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
}

.team-single-type-label {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 400;
	font-size: 24px;
	line-height: 28px;
	color: var(--wp--preset--color--blue);
	margin: 0;
}

.team-single-bio {
	font-family: var(--wp--preset--font-family--body);
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--blue);
}

.team-single-bio p {
	margin: 0 0 0 0;
}

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

/* CTA Button */
.team-single-cta {
	margin-top: 24px;
	display: flex;
	justify-content: flex-end;
	padding: 10px;
}

.team-single-contact-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 35px;
	border: 1px solid rgba(6, 77, 142, 0.25);
	border-radius: 30px;
	font-family: var(--wp--preset--font-family--body);
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: var(--wp--preset--color--blue);
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.team-single-contact-btn:hover {
	background-color: var(--wp--preset--color--blue);
	border-color: var(--wp--preset--color--blue);
	color: var(--wp--preset--color--white);
}

.team-single-contact-btn svg {
	width: 24px;
	height: 24px;
}

/* Responsive - Large Tablet */
@media (max-width: 1350px) {
	.team-single-header-section {
		padding: 0 max(60px, calc((100% - 1156px) / 2)) 204px;
	}

	.team-single-content {
		padding: 0 max(60px, calc((100% - 1156px) / 2));
	}

	.team-single-profile-inner {
		gap: 80px;
	}

	.team-single-sidebar {
		width: 300px;
	}

	.team-single-main {
		width: auto;
		flex: 1;
	}
}

/* Responsive - Tablet */
@media (max-width: 900px) {
	.team-single-profile {
		padding-bottom: 120px;
	}

	.team-single-header-section {
		padding: 0 40px;
	}

	.team-single-content {
		padding: 0 40px;
	}

	.team-single-profile-inner {
		gap: 48px;
	}

	.team-single-sidebar {
		width: 280px;
	}
}

/* Responsive - Mobile */
@media (max-width: 768px) {
	.team-single-profile {
		padding-bottom: 60px;
	}

	.team-single-header-section {
		padding: 0 24px;
		margin-bottom: 0;
	}

	.team-single-content {
		padding: 0 24px;
	}

	.team-single-separator {
		margin: 0 0 0 0;
		height: 2px;
		background-size: 100% 2px;
	}

	.team-single-profile-inner {
		flex-direction: column;
		gap: 0;
	}

	/* Sidebar becomes a card */
	.team-single-sidebar {
		width: 100%;
		box-sizing: border-box;
		background: linear-gradient(135deg, rgba(6, 77, 142, 0.04) 0%, rgba(6, 77, 142, 0.01) 100%);
		border-radius: 16px;
		padding: 24px;
		gap: 20px;
		margin-top: 24px;
	}

	.team-single-info {
		width: 100%;
		flex-direction: row;
		align-items: center;
		gap: 20px;
	}

	.team-single-image {
		width: 80px;
		height: 80px;
		border: 3px solid rgba(6, 77, 142, 0.15);
	}

	.team-single-name {
		font-size: 20px;
		line-height: 24px;
	}

	.team-single-role {
		font-size: 13px;
		color: rgba(6, 77, 142, 0.7);
	}

	/* Education & Specializations as compact sections */
	.team-single-education,
	.team-single-specializations {
		padding-top: 16px;
		border-top: 1px solid rgba(6, 77, 142, 0.08);
	}

	.team-single-label {
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: rgba(6, 77, 142, 0.5);
	}

	.team-single-specs-grid {
		gap: 8px 20px;
	}

	/* Main content section */
	.team-single-main {
		width: 100%;
		margin-top: 24px;
	}

	.team-single-type-label {
		font-size: 13px;
		line-height: 16px;
		font-family: var(--wp--preset--font-family--body);
		font-weight: 700;
		letter-spacing: 1px;
		text-transform: uppercase;
		color: rgba(6, 77, 142, 0.5);
		margin-bottom: 8px;
	}

	.team-single-bio {
		border-left: 3px solid #064d8e;
		padding-left: 16px;
	}

	.team-single-bio p {
		font-size: 14px;
		line-height: 22px;
		color: rgba(6, 77, 142, 0.8);
	}

	/* CTA full-width */
	.team-single-cta {
		justify-content: center;
		margin-top: 32px;
		padding: 0;
	}

	.team-single-contact-btn {
		width: 100%;
		justify-content: center;
		padding: 14px 35px;
		background: #064d8e;
		border-color: #064d8e;
		color: #fffefa;
	}

	.team-single-contact-btn svg {
		fill: #fffefa;
	}

	.team-single-title {
		font-size: 36px;
		line-height: 44px;
	}
}

/* Responsive - Small Mobile */
@media (max-width: 480px) {
	.team-single-title {
		font-size: 28px;
		line-height: 36px;
	}
}