/**
 * Storefront interaction fixes.
 *
 * The generic `.product-image > a` rule intentionally stretches the product
 * photo link over the full media area. The fallback wishlist link is also a
 * direct child anchor, so it must be explicitly returned to icon dimensions;
 * otherwise it covers the photo and intercepts clicks to the product page.
 */
.product-image > a.wish {
	z-index: 3;
	top: .75rem;
	right: .75rem;
	bottom: auto;
	left: auto;
	width: 40px !important;
	height: 40px !important;
	display: grid !important;
	place-items: center;
	padding: 0 !important;
	border: 1px solid rgba(246, 242, 236, .42);
	border-radius: 50%;
	background: rgba(36, 55, 70, .82);
	color: #f6f2ec;
	line-height: 1;
	backdrop-filter: blur(8px);
}

.product-image > a.wish:hover,
.product-image > a.wish:focus-visible {
	border-color: #d8c58f;
	background: #d8c58f;
	color: #172936;
}

.product-image > a.wish svg {
	width: 18px;
	height: 18px;
	pointer-events: none;
}

@media (max-width: 480px) {
	.product-image > a.wish {
		top: .55rem;
		right: .55rem;
		width: 36px !important;
		height: 36px !important;
	}
}

/**
 * Mobile navigation and third-party floating-widget compatibility.
 *
 * A backdrop-filter makes fixed descendants use the header as their
 * containing block in mobile browsers. That collapsed the open menu into a
 * short scroll box instead of the viewport. The solid mobile header does not
 * need that filter, so remove it and keep the menu viewport-fixed.
 *
 * The NexxSEO contact launchers duplicate the theme's mobile navigation and
 * sit above it with a higher z-index. Hide those launchers on small screens;
 * desktop support widgets are unchanged.
 */
@media (max-width: 800px) {
	.header {
		background: #243746;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.main-nav {
		position: fixed;
		inset-inline: 0;
		inset-block-end: 0;
		min-height: calc(100dvh - 98px);
	}

	body.admin-bar .main-nav {
		min-height: calc(100dvh - 130px);
	}

	.nexxseo-chat--floating,
	.nx-live-call-widget,
	[id^="nexxseo-chat-"],
	button[aria-label="Fale conosco"],
	.floating-wa-menu,
	.woocommerce-product-gallery__trigger {
		display: none !important;
	}

	body.menu-is-open .mobile-bottom-nav {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
}