/**
 * Treatments List
 */


.treatments-list {
	--primary-color: var( --theme--primary-color );
	--secondary-color: var( --theme--secondary-color );

	column-gap:   40px;
}

.treatments-list--title {
	padding-bottom: 1em;
}


/*! - Treatment Type */

.treatments-list--type {
	break-inside: avoid;
	margin: 0 0 1em;
}
.treatments-list--type:has( .treatments-list--child-list-item ) {
	break-inside: auto;
}



/*! - Treatments List */

body .treatments-list--list,
/* Divi overrides */
:is(
	#left-area,
	.entry-content
) ul.treatments-list--list {
	margin:  0 0 1em;
	padding: 0;
}

body .treatments-list--item,
body .treatments-list--child-list-item {
	margin:  0;
	padding: 0.25em 0 0.25em 12px;
	font-weight: 600;
	line-height: 1.5;
	list-style: none;
	border-left: 3px solid rgb( from var( --secondary-color ) r g b / 0.2 );
}

.treatments-list--item a {
	color: inherit;
	transition: var( --theme--transition);
}
.treatments-list--item a:is(
	:hover,
	:focus
 ) {
	color: var( --theme--primary-color );
}


/*! Treatments List: Child List */

body .treatments-list--child-list-item {
	margin:  1em 0;
}

.treatments-list--child-list-item  .treatments-list--type {
	margin: 0;
}

body .treatments-list--child-list-item .treatments-list--list,
/* Divi overrides */
:is(
	#left-area,
	.entry-content
) .treatments-list--child-list-item ul.treatments-list--list {
	margin: 0;
}

.treatments-list--child-list-item .treatments-list--item {
	padding-left: 0;
	border: none;
}

.treatments-list--child-list-item .treatments-list--type--title {}



/*! - Treatments Interactive */

/*! Hostspot Module */

/* Hotspots */

.treatments-interactive .dsm_image_hotspots_child {
	opacity:    0;
	transition: var( --theme--transition );
}
.treatments-interactive .dsm_image_hotspots_child.js--highlighted {
	opacity: 0.5;
}
.treatments-interactive .dsm_image_hotspots_child.js--active {
	opacity: 1;
	transform: rotate( -45deg );
}

.treatments-interactive .dsm_image_hotspots_icon {
	opacity: 0;
}
.treatments-interactive .dsm_image_hotspots_child:hover .dsm_image_hotspots_icon {
	opacity: 1;
}

/* Module Hovered */

.treatments-interactive .dsm_image_hotspots:hover .dsm_image_hotspots_child:not(
	.js--active
) {
	animation: 2s ease-in-out 1s treatments-hotspot-pulse infinite;
	opacity: 0.2;
}
.treatments-interactive .dsm_image_hotspots:hover .dsm_image_hotspots_child:hover:not(
	.js--active
) {
	opacity: 0.75;
	animation: none;
}

/* Tooltips */

.tippy-popper,
.tippy-popper * {
	/* pointer-events: none; */
}

/* Animations */

@keyframes treatments-hotspot-pulse {
	0% {
		opacity: 0.2;
		transform: scale( 1 );
	}
	50% {
		opacity: 0.4;
		transform: scale( 0.9 );
	}
	100% {
		opacity: 0.2;
		transform: scale( 1 );
	}
}


/*! Areas List */

.treatments-interactive .treatment-areas-list {
	--color:                 currentcolor;
	--color--highlighted:    currentcolor;
	--color--active:         var(--theme--orange);
	--bullet--color:         var(--theme--orange-dark);
	--bullet--color--hover:  var(--theme--orange-dark);
	--bullet--color--active: var(--theme--orange);
}

.treatments-interactive .treatment-areas-list--list {
	line-height: 1.5;
}

/* List Items */

.treatments-interactive .treatment-areas-list--item {
	transition: var(--theme--transition);
	cursor: pointer;
}

.treatments-interactive .treatment-areas-list--item--label {
	font-family: var(--theme--h--font-family);
	text-transform: uppercase;
	color: var(--color);
	transition: var(--theme--transition);
}
.treatments-interactive .js--highlighted > .treatment-areas-list--item--label {
	color: var(--color--highlighted);
}
.treatments-interactive .js--active > .treatment-areas-list--item--label {
	color: var(--color--active);
}

/* Sub-Lists */

.treatments-interactive .treatment-areas-list--list .treatment-areas-list--list {
	padding-left: 0.5em;
}

.treatments-interactive .treatment-areas-list--list .treatment-areas-list--list .treatment-areas-list--item--label {
	display: flex;
	gap: 0.4em;
	align-items: center;
	font-family: inherit;
	text-transform: none;
}

/* Sub-List Item Marker */

.treatments-interactive :where( .treatment-areas-list--list .treatment-areas-list--list ) .treatment-areas-list--item--label::before {
	--size: 0.6em;

	content: '';
	display: inline-block;
	width:  var(--size);
	height: var(--size);
	background: transparent;
	border: 1px solid var(--bullet--color);
	border-radius: 50%;
	transition: var(--theme--transition);
}
.treatments-interactive .js--highlighted > .treatment-areas-list--item--label::before {
	background: var(--bullet--color--hover);
	border-color: var(--bullet--color--hover);
}
.treatments-interactive .js--active > .treatment-areas-list--item--label::before {
	background: var(--bullet--color--active);
	border-color: var(--bullet--color--active);
}



/*! - Card View */

.treatments-list.card-view {
	display: grid;
	grid-template-columns: repeat( auto-fill, minmax( 300px, 1fr ) );
	gap: 30px 3%;
}

.treatments-list.card-view .treatments-list--item {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 40px;
	text-align: center;
	background: #fff;
	border-radius: var( --theme--border-radius );
	box-shadow: var( --theme--box-shadow );
}


/*! Card View: List Item */

.treatments-list.card-view .treatment-item--footer {
	display: flex;
	align-items: flex-end;
	flex: 2;
}

.treatments-list.card-view .treatment-item--more-link {
	display: inline-block;
	margin-top: 1.5em;
}



/*! - Treatments Archive List */

.treatments-archive-list .treatments-list--child-group {
	padding: 30px;
	margin: 60px 0;
	background: rgb( from var( --theme--secondary-color ) r g b / 0.05 );
	border-radius: var(--theme--border-radius--large);
}