/**
 * Llama - Grouped Product Loop widget styles.
 */

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop {
	--llama-category-header-color: inherit;
	--llama-subcategory-header-color: inherit;
	--llama-breadcrumb-separator-color: inherit;
	--llama-group-gap: 1.5rem;
	--llama-divider-length: 100%;
	--llama-divider-thickness: 1px;
	--llama-divider-color: #d5d8dc;
	--llama-divider-align: left;
	--llama-spinner-color: #69727d;
}

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop__groups {
	display: block;
}

.elementor-widget-llama-grouped-product-loop .llama-group {
	display: block;
	margin: 0 0 var( --llama-group-gap );
}

.elementor-widget-llama-grouped-product-loop .llama-group--breadcrumb {
	display: block;
	margin: 0 0 var( --llama-group-gap );
}

.elementor-widget-llama-grouped-product-loop .llama-group__title--breadcrumb {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35em;
}

.elementor-widget-llama-grouped-product-loop .llama-group__crumb--category {
	color: var( --llama-category-header-color, inherit );
}

.elementor-widget-llama-grouped-product-loop .llama-group__crumb--subcategory {
	color: var( --llama-subcategory-header-color, inherit );
}

.elementor-widget-llama-grouped-product-loop .llama-group__crumb-sep {
	color: var( --llama-breadcrumb-separator-color, inherit );
}

.elementor-widget-llama-grouped-product-loop .llama-subgroup {
	display: block;
	margin: 0 0 calc( var( --llama-group-gap ) * 0.65 );
}

.elementor-widget-llama-grouped-product-loop .llama-group__title--category {
	color: var( --llama-category-header-color, inherit );
}

.elementor-widget-llama-grouped-product-loop .llama-subgroup__title {
	color: var( --llama-subcategory-header-color, inherit );
}

.elementor-widget-llama-grouped-product-loop .llama-group__divider {
	display: block;
	width: var( --llama-divider-length );
	height: var( --llama-divider-thickness );
	background-color: var( --llama-divider-color );
	margin: 0.5rem 0 1rem;
}

.elementor-widget-llama-grouped-product-loop .llama-group__divider {
	margin-left: var( --llama-divider-margin-left, 0 );
	margin-right: var( --llama-divider-margin-right, auto );
}

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop__grid {
	display: grid;
}

.elementor-widget-llama-grouped-product-loop .e-loop-item.llama-grouped-loop__item--pending:not( .llama-grouped-loop__item--visible ) {
	display: none;
}

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop__spinner {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem 0;
}

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop__spinner[hidden] {
	display: none !important;
}

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop__spinner-icon {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid rgba( 0, 0, 0, 0.08 );
	border-top-color: var( --llama-spinner-color );
	border-radius: 50%;
	animation: llama-grouped-loop-spin 0.8s linear infinite;
}

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop--loading .llama-grouped-loop__spinner {
	display: flex !important;
}

.elementor-widget-llama-grouped-product-loop .llama-grouped-loop--complete .llama-grouped-loop__spinner {
	display: none !important;
}

@keyframes llama-grouped-loop-spin {
	to {
		transform: rotate( 360deg );
	}
}
