/**
 * S+W Angebote — Widget-Styles (Preisliste mit Punktleader).
 */

.sw-angebote {
	--sw-angebote-color: var(--sw-color-text, #1D1D1B);

	font-family: var(--sw-font-sans, 'Meta Pro', 'Fira Sans', sans-serif);
	color: var(--sw-angebote-color);
}

.sw-angebote__liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	row-gap: 1.5rem;
}

.sw-angebote__zeile {
	display: flex;
	align-items: baseline;
	gap: 0.75rem;
}

.sw-angebote__produkt {
	font-size: clamp(1.3rem, 1.1rem + 0.6vw, 1.875rem);
	font-weight: 700;
	line-height: 1.2;
}

.sw-angebote__zusatz {
	font-size: var(--sw-fs-small, 1.0625rem);
	font-weight: 400;
}

.sw-angebote__leader {
	flex: 1;
	min-width: 2rem;
	border-bottom: 2px dotted currentColor;
	opacity: 0.85;
	transform: translateY(-0.3em);
}

.sw-angebote__menge {
	font-size: var(--sw-fs-small, 1.0625rem);
	font-weight: 400;
	white-space: nowrap;
}

.sw-angebote__preis {
	font-size: clamp(1.5rem, 1.25rem + 0.7vw, 2.125rem);
	font-weight: 700;
	min-width: 4.5ch;
	text-align: right;
	white-space: nowrap;
}

.sw-angebote__hinweis {
	margin-top: 3rem;
	font-size: var(--sw-fs-small, 1.0625rem);
	line-height: 1.5;
}

@media (max-width: 767px) {
	.sw-angebote__zeile {
		flex-wrap: wrap;
		row-gap: 0.1rem;
	}

	.sw-angebote__produkt {
		flex-basis: 100%;
	}
}