/* Dropdown styles for Tailwind migration */

/* Ensure dropdowns are positioned correctly */
[data-controller="dropdown"] {
	position: relative;
}

[data-dropdown-target="menu"] {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 1000;
	min-width: 12rem;
	background-color: white;
	border: 1px solid #e5e7eb;
	border-radius: 0.375rem;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	margin-top: 0.5rem;
}

[data-dropdown-target="menu"].hidden {
	display: none;
}

/* Ensure dropdown items have proper styling */
[data-dropdown-target="menu"] a,
[data-dropdown-target="menu"] button {
	display: block;
	width: 100%;
	padding: 0.5rem 1rem;
	text-align: left;
	font-size: 0.875rem;
	color: #374151;
	text-decoration: none;
	background: none;
	border: none;
	cursor: pointer;
}

[data-dropdown-target="menu"] a:hover,
[data-dropdown-target="menu"] button:hover {
	background-color: #f3f4f6;
}

[data-dropdown-target="menu"] a:first-child {
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
}

[data-dropdown-target="menu"] a:last-child,
[data-dropdown-target="menu"] button:last-child {
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
}

/* Ensure dropdown is above sidebar */
body.sidebar-open [data-dropdown-target="menu"] {
	z-index: 1100;
}