.styled-input-container { position: relative; }

.styled-input {
  background-color: var(--bg-card);
  border: 2px solid #e5e7eb; /* Culoare default */
  transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.styled-input-container:not(.suggestions-active) .styled-input:hover,
.styled-input-container:not(.suggestions-active) .styled-input:focus-within {
  border-color: #d1d5db;
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.08);
  outline: none;
}
.suggestions-active.styled-input-container {
  box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.08);
  border-radius: 1.5rem;
}
.suggestions-active .styled-input {
  border-color: #d1d5db;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-color: transparent;
  box-shadow: none;
}
#suggestions-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: none;
  border-radius: 0 0 1.5rem 1.5rem;
  max-height: 250px;
  overflow-y: auto;
  z-index: 100;
  text-align: left;
  margin-top: -2px;
  border-top: 2px solid #d1d5db;
}
#suggestions-list div { padding: 12px 24px; cursor: pointer; font-size: 1rem; }
#suggestions-list div:hover { background-color: #f3f5f6; }