/* public/dga_v2/assets/css/custom/dga-select.css */

/* wrapper keeps icons positioned */
.dga-select-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

/* the select — DGA styling + remove native arrow */
.dga-select {
  width: 100%;
  padding: 12px 44px;            /* matches your pr-11/pl-11 spacing */
  border: 2px solid rgba(45,80,22,.12);
  border-radius: 16px;
  background: rgba(255,255,255,.95);
  color: #111827;                /* gray-900 */
  font-size: .9rem;
  line-height: 1.5;
  outline: none;
  transition: all .2s ease;
  box-shadow: 0 2px 4px rgba(0,0,0,.02);

  /* kill native arrow (all modern browsers) */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}

/* legacy Edge/IE arrow */
.dga-select::-ms-expand { display: none; }

/* hover/focus in DGA green */
.dga-select:hover {
  background: #fff;
  transform: translateY(-1px);
  border-color: #067647; /* DGA green */
  box-shadow:
    0 4px 8px rgba(0,0,0,.04),
    0 2px 4px rgba(45,80,22,.08);
}
.dga-select:focus {
  background: #fff;
  transform: translateY(-2px);
  border-color: #067647;
  box-shadow:
    0 0 0 4px rgba(6,118,71,.18), /* green ring */
    0 8px 12px -4px rgba(0,0,0,.08),
    0 4px 6px -2px rgba(45,80,22,.10);
}

/* disabled look */
.dga-select--disabled {
  opacity: .6;
  pointer-events: none;
  cursor: not-allowed;
}

/* icons: start (right, RTL) location, end (left) chevron */
.dga-select__start-icon,
.dga-select__end-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #9CA3AF; /* gray-400 */
  pointer-events: none;
  z-index: 20;
}
.dga-select__start-icon { right: 12px; }
.dga-select__end-icon   { left: 12px; }