/* ===== Traventia UI — Dropdowns (usa data-tv="dropdown", ver traventia-ui.js) ===== */

.tv-dropdown { position: relative; display: inline-block; }

.tv-dropdown-toggle {
	display: inline-flex;
	align-items: center;
	gap: var(--tv-space-2);
	cursor: pointer;
}

.tv-dropdown-menu {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	min-width: 200px;
	background: var(--tv-surface);
	border: 1px solid var(--tv-border);
	border-radius: var(--tv-radius-md);
	box-shadow: var(--tv-shadow-lg);
	padding: var(--tv-space-2);
	z-index: var(--tv-z-dropdown);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity var(--tv-transition-fast), transform var(--tv-transition-fast), visibility var(--tv-transition-fast);
}

.tv-dropdown[data-open="true"] .tv-dropdown-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.tv-dropdown-item {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 12px;
	border-radius: var(--tv-radius-sm);
	font-size: var(--tv-text-sm);
	background: none;
	border: none;
	cursor: pointer;
	text-decoration: none;
	color: var(--tv-text);
}

.tv-dropdown-item:hover { background: var(--tv-bg-alt); }