/* Woo Museum 3D — "View in 3D" button on the product gallery. */
.woocommerce-product-gallery { position: relative; }

.wm-3d-btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	box-sizing: border-box;
	text-decoration: none;
	background: #101216;
	color: #03a9f4;
	border-radius: 6px;
	transition: background 0.15s ease, transform 0.15s ease;
}
.wm-3d-btn:hover { background: #03a9f4; color: #fff; transform: translateY(-1px); }
.wm-3d-btn svg { width: 44%; height: 44%; max-width: 30px; fill: currentColor; }
.wm-3d-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; line-height: 1; }

/* As a thumbnail in the flexslider control strip — matches sibling sizing. */
.flex-control-thumbs .wm-3d-thumb { cursor: pointer; list-style: none; }
.flex-control-thumbs .wm-3d-thumb .wm-3d-btn {
	width: 100%;
	aspect-ratio: 1 / 1;
}

/* Fallback badge overlaid on the gallery corner. */
.wm-3d-overlay {
	position: absolute;
	right: 12px;
	bottom: 12px;
	z-index: 5;
	width: 62px;
	height: 62px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
	border: 2px solid rgba(255, 255, 255, 0.85);
}