/**
 * Desktop dropdown submenus for Prodotti / Officina / Azienda — the donor site builds
 * this with a Radix UI popper (JS-positioned portal); this is a dependency-free CSS-only
 * equivalent (hover-reveal) that needs no JS and can't break if scripts fail to load.
 */
.trasfostatik-nav-item {
	position: relative;
}

.trasfostatik-nav-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 0.5rem;
	min-width: 260px;
	background: hsl(var(--background));
	border: 1px solid hsl(var(--border));
	border-radius: 0.5rem;
	box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	padding: 0.5rem;
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
	z-index: 60;
}

.trasfostatik-nav-item:hover .trasfostatik-nav-dropdown,
.trasfostatik-nav-item:focus-within .trasfostatik-nav-dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.trasfostatik-nav-dropdown a {
	display: block;
	padding: 0.375rem 0.5rem;
	border-radius: 0.375rem;
	font-size: 0.875rem;
	color: hsl(var(--foreground));
	white-space: nowrap;
}

.trasfostatik-nav-dropdown a:hover {
	background: hsl(var(--accent));
	color: hsl(var(--accent-foreground));
}

.trasfostatik-nav-dropdown a.trasfostatik-nav-dropdown-all {
	font-weight: 600;
	border-bottom: 1px solid hsl(var(--border));
	margin-bottom: 0.25rem;
	padding-bottom: 0.5rem;
}