/* Language Dropdown Component */
.lang-select {
  font-size: 1rem;
  padding: 4px 12px;
  border-radius: 8px;
  background-color: transparent;
  color: var(--text-color);
  border: 1px solid #ddd;
  outline: none;
  cursor: pointer;
  font-family: inherit;
  transition: color 0.2s, border-color 0.2s;

  /* Remove default styling */
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  /* Custom arrow */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px;
  padding-right: 32px;
}

/* Dark mode styles */
.dark-theme .lang-select {
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px;
  padding-right: 32px;
  border-color: #444;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Focus state */
.lang-select:focus {
  border-color: var(--main-color);
}

/* Remove all native arrows */
.lang-select::-ms-expand {
  display: none;
}

.lang-select::-webkit-details-marker,
.lang-select::-webkit-calendar-picker-indicator {
  display: none !important;
  opacity: 0 !important;
}