/* Webdeals Hub – Produkt-Konfigurator (einfache & Varianten-Produkte).
   Baut auf bundleconfig.css auf (Kacheln, Zusammenfassung, Variablen). */

/* Kacheln ersetzen die Auswahlliste – das Formular bleibt im Hintergrund. */
form.variations_form:has(.whub-pc-root.has-tiles) table.variations,
form.variations_form:has(.whub-pc-root.has-tiles) .reset_variations {
	display: none !important;
}
/* Preis der gewählten Variante steht in „Deine Auswahl." – nicht doppelt. */
form.variations_form:has(.whub-pc-summary) .woocommerce-variation-price {
	display: none !important;
}

/* Fester Abstand zur Kurzbeschreibung darüber – auf PC, Tablet und Handy. */
.whub-pc-root { margin-top: 36px; margin-bottom: 24px; }
@media (max-width: 549px) { .whub-pc-root { margin-top: 30px; } }
.whub-pc-root .whub-bc-step + .whub-bc-step { margin-top: 30px; }

.whub-pc-tile-r,
.whub-pc-tile-u {
	display: block;
	font-size: 0.82em;
	opacity: 0.75;
	font-weight: 400;
}
.whub-pc-tile-r s { opacity: 1; }

/* Kurzfakten: gemeinsam mit dem Bundle-Konfigurator in bundleconfig.css. */

.whub-pc-summary { margin: 0 0 18px; }
.whub-pc-sum-hint {
	margin: 8px 0 0;
	font-size: 0.85em;
	opacity: 0.75;
}

/* Staffelpreise („Mehr kaufen, mehr sparen.") – aktuelle Menge hervorgehoben. */
.whub-pc-tgrid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	padding: 14px;
	border-radius: var(--whub-bc-radius);
	background: var(--whub-bc-fill);
}
.whub-pc-tier {
	flex: 1 1 110px;
	min-width: 0;
	padding: 9px 6px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: calc(var(--whub-bc-radius) * .66);
	background: var(--whub-bc-fill-strong);
}
.whub-pc-tier.is-on {
	border-color: var(--whub-bc-accent);
	background: color-mix(in srgb, var(--whub-bc-accent) 16%, transparent);
}
.whub-pc-tq { display: block; margin-bottom: 2px; font-size: 0.8em; opacity: 0.85; white-space: nowrap; }
.whub-pc-tp { display: block; font-weight: 700; white-space: nowrap; }
.whub-pc-tnote { margin: 8px 0 0; font-size: 0.82em; opacity: 0.7; }

/* Ampelpunkt, „inkl. MwSt."/netto, Ausblenden oben und Preisgröße: gemeinsam mit dem Bundle-Konfigurator in bundleconfig.css. */