/**
 * Dropdown fix styles for Terzon
 * Adds styling for dropdown menus
 */

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: var(--bg-color, #fff);
  border: 1px solid var(--border-color, #ccc);
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  min-width: 180px;
  padding: 8px 0;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-item {
  display: block;
  padding: 8px 16px;
  text-decoration: none;
  color: var(--text-color, #333);
  transition: background-color 0.2s;
  cursor: pointer;
}

.dropdown-item:hover {
  background-color: var(--hover-bg, #f5f5f5);
  color: var(--hover-color, #000);
}