/**
 * Styles for the locations-list widget
 * 
 * @since 2026-05-04
 * @author Designs and Codes, LLC
 */

.elementor-widget-wt-staff__locations-list-widget {
	inline-size: 100%;
}

.wt-staff__locations-list-widget > * {
	margin: 0 !important;
}

.wt-staff__locations-list-widget__list {
	column-gap: var( --fluffle-flexbox__gap-h, 30px );
	columns: 1;
	list-style: none !important;
	padding: 0 !important;
}

.wt-staff__locations-list-widget__item {
	display: flex;
	align-items: baseline;
	flex-flow: row nowrap;
	gap: 1ch;
	justify-content: start;
	margin-block-start: 0 !important;
	margin-block-end: 1rem;
	break-inside: avoid;
}

.wt-staff__locations-list-widget__item > .fa {
	color: var( --e-global-color-257ca5a );
}

.wt-staff__locations-list-widget__text {
	display: flex;
	align-items: stretch;
	flex-flow: column nowrap;
	gap: 0.5rem;
	justify-content: start;
}

.wt-staff__locations-list-widget__text > * {
	margin: 0;
}

.wt-staff__locations-list-widget__title {
	font-size: 1.1rem;
	font-weight: bold;
}

.wt-staff__locations-list-widget__address {
	font-size: 0.9rem;
	font-style: italic;
}

.wt-staff__locations-list-widget__status {
	font-style: italic;
}

@supports ( container-type: inline-size ) {
	.wt-staff__locations-list-widget {
		container: wt-staff__locations-list-widget / inline-size;
	}
	
	@container wt-staff__locations-list-widget ( min-width: 500px ) {
		.wt-staff__locations-list-widget__list {
			columns: 2;
		}
	}
	
	@container wt-staff__locations-list-widget ( min-width: 750px ) {
		.wt-staff__locations-list-widget__list {
			columns: 2;
		}
	}
	
	@container wt-staff__locations-list-widget ( min-width: 1000px ) {
		.wt-staff__locations-list-widget__list {
			columns: 3;
		}
	}
}

@supports not ( container-type: inline-size ) {
	@media ( min-width: 768px ) {
		.wt-staff__locations-list-widget__list {
			columns: 2;
		}
	}
	
	@media ( min-width: 992px ) {
		.wt-staff__locations-list-widget__list {
			columns: 2;
		}
	}
	
	@media ( min-width: 1200px ) {
		.wt-staff__locations-list-widget__list {
			columns: 3;
		}
	}
}
