/**
 * Styles for a singular therapist page
 * 
 * @since 2026-05-01
 * @author Designs and Codes, LLC
 */

:where( article ).single-wt-staff_therapist {
	display: grid;
	column-gap: var( --fluffle__spacing-h__gutter, 30px );
	grid-template-columns: 100%;
	row-gap: var( --fluffle-header__spacing-v, 2rem );
}

:where( article ).single-wt-staff_therapist > * {
	margin: 0 !important;
	inline-size: 100%;
}

.single-wt-staff_therapist__leading {
	position: relative;
}

.single-wt-staff_therapist-mugshot {
	position: sticky;
	inset-block-start: 100px;
}

.single-wt-staff_therapist__trailing {
	display: flex;
	align-items: stretch;
	flex-flow: column nowrap;
	gap: var( --fluffle-header__spacing-v, 2rem );
	justify-content: start;
}

.single-wt-staff_therapist__header {
	display: flex;
	align-items: stretch;
	column-gap: var( --fluffle__spacing-h__gutter, 30px );
	flex-flow: column nowrap;
	justify-content: start;
	row-gap: var( --fluffle-block__spacing-v, 1.5rem );
}

.single-wt-staff_therapist__header > * {
	margin: 0 !important;
}

.single-wt-staff_therapist__header-name.single-wt-staff_therapist__header-name {
	line-height: 1.1;
}

.single-wt-staff_therapist__header-name + .single-wt-staff_therapist__header-title {
	margin-block-start: calc( -1 * var( --fluffle-block__spacing-v, 1.5rem ) );
}

.single-wt-staff_therapist__header-title.single-wt-staff_therapist__header-title {
	font-size: inherit;
	line-height: 1.4;
}

.single-wt-staff_therapist__header-title > * ~ *::before {
	content: ' ';
}

.single-wt-staff_therapist__header-title__role + .single-wt-staff_therapist__header-title__certs::before {
	content: ' ' '\2022' ' ';
}

.single-wt-staff_therapist__header-title__cert,
.single-wt-staff_therapist__header-licenses {
	font-weight: bold;
}

.single-wt-staff_therapist__header-title__pronouns {
	text-transform: lowercase;
}

.single-wt-staff_therapist__header-locations,
.single-wt-staff_therapist__header-access__list {
	list-style: none;
	padding: 0;
}

.single-wt-staff_therapist__header-locations > * ~ *::before {
	content: ', ';
}

.single-wt-staff_therapist__header-location,
.single-wt-staff_therapist__header-access__item {
	margin: 0 !important;
}

.single-wt-staff_therapist__header-access__list {
	display: flex;
	align-items: stretch;
	column-gap: 1em;
	flex-flow: row wrap;
	justify-content: start;
	row-gap: 0.5em;
}

.single-wt-staff_therapist__header-access__item {
	display: flex;
	align-items: center;
	column-gap: 0.5ch;
	flex: 0 0 auto;
	flex-flow: row nowrap;
	justify-content: start;
	row-gap: 0.5em;
	border-color: var( --fluffle-input__border-color, black );
	border-radius: var( --fluffle-input__border-radius, 20px );
	border-style: var( --fluffle-input__border-style, solid );
	border-width: var( --fluffle-input__border-width, 1px );
	padding-block: var( --fluffle-input__padding-v, 0.25ch );
	padding-inline: var( --fluffle-input__padding-h, 0.75ch );
	max-inline-size: 100%;
}

.single-wt-staff_therapist__header-access__item-label > * {
	display: block;
}

.single-wt-staff_therapist__header-access__item-label__subtitle {
	font-size: 0.8em;
}

.single-wt-staff_therapist__content-subsection {
	margin-block: var( --fluffle-block__spacing-v, 1.5rem );
}

.single-wt-staff_therapist__content-subsection__heading.single-wt-staff_therapist__content-subsection__heading {
	margin-block: var( --fluffle-block__spacing-v, 1.5rem );
	font-size: 1.4rem;
}

.single-wt-staff_therapist__content-taxonomy__list {
	columns: 1;
	column-gap: var( --fluffle__spacing-h__gutter, 30px );
}

.single-wt-staff_therapist__content-taxonomy__item {
	margin-block: 0 0.5rem;
	break-inside: avoid;
}

@media( min-width: 768px ) {
	.single-wt-staff_therapist__content-taxonomy__list {
		columns: 2;
	}
}

@media( min-width: 992px ) {
	:where( article ).single-wt-staff_therapist {
		grid-template-columns: 1fr 2fr;
	}
}