/* Dropdown component styles - Compatible with DaisyUI */

.dropdown {
  position: relative;
}

/* DaisyUI dropdown-end positioning */
.dropdown-end .dropdown-menu {
  right: 0;
  left: auto;
}

/* Dropdown menu animation and visibility */
.dropdown-menu {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
  pointer-events: none;
  visibility: hidden;
}

/* Show dropdown when parent has focus or is open */
.dropdown:focus-within .dropdown-menu,
.dropdown.dropdown-open .dropdown-menu {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
  visibility: visible;
}

/* Animation for dropdown icon rotation */
.dropdown:focus-within button[aria-expanded] .material-icons:last-child,
.dropdown.dropdown-open button[aria-expanded] .material-icons:last-child {
  transform: rotate(180deg);
}

.dropdown button[aria-expanded] .material-icons:last-child {
  transition: transform 0.2s ease-in-out;
}

/* Dropdown item styles */
.lang-option {
  cursor: pointer;
  text-decoration: none;
  user-select: none;
}

.lang-option:hover {
  text-decoration: none;
}
