/**
 * WBNT Återbruk - skick-väljaren på produktsidan.
 *
 * Temaoberoende: layout och ramar i currentColor, inga hårdkodade färger eller
 * temaselektorer. Bara plugints egna wbnt-ab-*-klasser.
 */

.wbnt-ab-skickval {
	margin: 0 0 16px;
	padding: 10px 12px;
	border: 1px solid currentColor;
	border-radius: 4px;
}

.wbnt-ab-skickval__rubrik {
	display: block;
	margin-bottom: 8px;
	font-size: 0.85em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	opacity: 0.8;
}

.wbnt-ab-skickval__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.wbnt-ab-skickval__lank,
.wbnt-ab-skickval__vald {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	padding: 6px 12px;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: inherit;
	text-decoration: none;
	line-height: 1.2;
}

.wbnt-ab-skickval__lank:hover {
	text-decoration: none;
	/* Lyft med currentColor-fyllning i låg opacitet via box-shadow (temaoberoende). */
	box-shadow: inset 0 0 0 999px rgba(127, 127, 127, 0.12);
}

/* Aktiv grad: fylld i currentColor, texten inverterad. */
.wbnt-ab-skickval__vald {
	background: currentColor;
}
.wbnt-ab-skickval__vald .wbnt-ab-skickval__skick,
.wbnt-ab-skickval__vald .wbnt-ab-skickval__pris {
	/* Läsbar mot currentColor-bakgrund oavsett tema: blanda in bakgrundsfärgen. */
	color: Canvas;
	mix-blend-mode: normal;
}

.wbnt-ab-skickval__skick { font-weight: 600; }
.wbnt-ab-skickval__pris { opacity: 0.9; font-size: 0.95em; }
.wbnt-ab-skickval__vald .wbnt-ab-skickval__pris { opacity: 1; }