/* Progressive enhancement: retain a working native select if JS is unavailable. */
.select-fix:not(.messenger-select) .select-fix-current,
.select-fix:not(.messenger-select) .select-fix-list { display: none; }
.select-fix:not(.messenger-select) select { display: block; }

.feedback-input.messenger-select { position: relative; min-width: 0; }
.messenger-select > label:first-child { display: block; }
.feedback-input.messenger-select select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0 !important;
}
.messenger-select__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 30px;
  padding: 0 0 4px;
  border: 0;
  border-bottom: 1px solid #a6a6a6;
  border-radius: 0;
  background: transparent;
  color: #5d390c;
  font: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s;
}
.messenger-select__trigger > span { min-width: 0; }
.messenger-select__trigger > * { pointer-events: none; }
.messenger-select__trigger svg { width: 12px; height: 8px; flex: 0 0 12px; transition: transform .18s; }
.messenger-select.is-open { z-index: 20; }
.messenger-select.is-open .messenger-select__trigger { border-color: #64634f; }
.messenger-select.is-open .messenger-select__trigger svg { transform: rotate(180deg); }
.messenger-select__trigger:hover { border-color: #64634f; }
.messenger-select__trigger:focus-visible { outline: 2px solid #64634f; outline-offset: 4px; }
.messenger-select:not(.has-value) .messenger-select__trigger { color: #787365; }
.messenger-select__trigger[aria-invalid="true"] { border-color: #b93328; }
.messenger-select__trigger:disabled { opacity: .55; cursor: not-allowed; }
.messenger-select__list {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 30;
  padding: 5px;
  border: 1px solid #d9d2c6;
  border-radius: 12px;
  background: #faf8f4;
  box-shadow: 0 12px 28px rgb(55 45 27 / 13%);
  max-height: 230px;
  overflow-y: auto;
  text-align: left;
}
.messenger-select__list[hidden] { display: none; }
.messenger-select.is-above .messenger-select__list { top: auto; bottom: calc(100% - var(--messenger-trigger-top, 24px) + 6px); }
.messenger-select__option {
  padding: 11px 10px;
  border-radius: 8px;
  color: #5d390c;
  font-size: 14px;
  line-height: 1.35;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.messenger-select__option + .messenger-select__option { margin-top: 2px; }
.messenger-select__option.is-placeholder { color: #827b6e; font-size: 14px; }
.messenger-select__option:hover,
.messenger-select__option.is-active { background: #eeebe3; }
.messenger-select__option[aria-selected="true"]:not(.is-placeholder) { background: #64634f; color: #fff; }
.messenger-select__option[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
@media (max-width: 767.98px) {
  .messenger-select__trigger { min-height: 44px; padding: 8px 2px; }
  .messenger-select__option { padding: 13px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .messenger-select__trigger, .messenger-select__trigger svg { transition: none; }
}