/*
 * WMS shop (Gambio) - small visual fixes
 * Loaded after main.min.css (see GM_ANALYTICS_CODE), so these rules win at equal specificity.
 */

/*
 * 1. Product tiles: hover card
 *
 * On hover Gambio clones the tile as .product-container.flyover and gives that clone its own square
 * white box with a heavy shadow (0 0 25px rgba(0,0,0,.35)). The tile itself (.inside) already is a
 * rounded card with a soft shadow, so the clone showed up as a second, angular white rectangle behind it.
 * The clone stays in place (it is still needed for the extra info such as the delivery time and for
 * keeping the hover stable) but no longer paints anything.
 */
.product-container.flyover {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}

/*
 * 2. Phones: "Bitte einloggen um Preise zu sehen." / "To view prices please login."
 *
 * Guests see this notice instead of a price. Gambio forces white-space: nowrap on
 * .current-price-container, so the notice cannot wrap and stretches the whole page wider than a phone
 * display (e.g. 456px on a 390px screen). Below the tablet breakpoint it may wrap again.
 */
@media (max-width: 767px) {
	.current-price-container {
		white-space: normal;
	}
}