/* CBV design-system reskin for directory result cards. Home page cards are flat: no border, no shadow, no radius; navy headings, grey body, teal hover accents. The circular member photo is kept (Person card pattern). */

.roc-p-directory-container .bio-card.card {
	background-color: var(--wp--preset--color--white);
	border: 1px solid var(--cbv-border-light, #b4bbc2);
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--body);
}

.roc-p-directory-container .bio-card .card-footer.view-details {
	background-color: transparent;
	border-radius: 0;
}

.roc-p-directory-container .bio-card.card:hover,
.roc-p-directory-container .bio-card.card:focus-within {
	box-shadow: none;
	transform: none;
}

.roc-p-directory-container .bio-card.card .card-image,
.roc-p-directory-container .bio-card.card .card-image img {
	border-radius: 50%;
}

.roc-p-directory-container .bio-card.card .name {
	color: var(--cbv-surface-navy);
	font-size: clamp(1.25rem, 2.5vw, 1.5rem);
	font-weight: 700;
	line-height: 1.17;
	transition: color var(--wp--custom--transition, 0.2s ease);
}

.roc-p-directory-container .bio-card.card:hover .name,
.roc-p-directory-container .bio-card.card:focus-within .name {
	color: var(--wp--preset--color--primary);
}

.roc-p-directory-container .bio-card.card .member-credentials {
	color: var(--wp--preset--color--primary);
	font-size: 1rem;
	font-weight: 700;
}

.roc-p-directory-container .bio-card.card .member-title,
.roc-p-directory-container .bio-card.card .ad-card-member-number {
	color: #585e64;
	font-size: 1rem;
	line-height: 1.5;
}

/* Membership status badges on result cards. */
.roc-p-directory-container .cbv-member-badge {
	display: inline-block;
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.4;
	margin: 0 0 8px;
	padding: 2px 10px;
}

.roc-p-directory-container .cbv-member-badge-cbv {
	background-color: var(--cbv-surface-navy, #131032);
	color: var(--wp--preset--color--white, #ffffff);
}

.roc-p-directory-container .cbv-member-badge-student {
	background-color: var(--wp--preset--color--surface, #E9F3F3);
	color: var(--cbv-surface-navy, #131032);
}