/* pf-choices.css — dark theme for Choices.js with a PuraFi Gold border.
   Loaded after vendor/choices.min.css. Colors use --pf-* with safe fallbacks. */

:root {
  --pfc-bg:     var(--pf-field,    #15181d);
  --pfc-panel:  var(--pf-surface,  #1b1f26);
  --pfc-text:   var(--pf-text,     #e6e8eb);
  --pfc-muted:  var(--pf-text-muted, var(--pf-text-2, #8b94a3));
  --pfc-gold:   var(--pf-gold,     #BD9867);   /* PuraFi Gold — the dropdown border */
  --pfc-hover:  rgba(255, 255, 255, .06);
}

/* the library defaults to a 24px bottom margin — drop it, pages control spacing.
   Default to full width (most selects sit in form rows / flex cells); a page can
   constrain a specific one or opt out with data-no-choices. */
.choices.pf-choices { margin-bottom: 0; width: 100%; }

/* closed control — PuraFi Gold border */
.pf-choices .choices__inner {
  background: var(--pfc-bg);
  border: 1px solid var(--pfc-gold);
  color: var(--pfc-text);
  border-radius: 8px;
  min-height: 0;
  padding: 8px 28px 8px 11px;
  font-family: inherit;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
}
.pf-choices.is-focused .choices__inner,
.pf-choices.is-open .choices__inner {
  border-color: var(--pfc-gold);
  box-shadow: 0 0 0 2px rgba(189, 152, 103, .22);   /* gold focus ring */
}
.pf-choices.is-open .choices__inner { border-radius: 8px 8px 0 0; box-shadow: none; }

.pf-choices .choices__list--single { padding: 0; }
.pf-choices .choices__list--single .choices__item { color: var(--pfc-text); }
.pf-choices .choices__placeholder { color: var(--pfc-muted); opacity: 1; }

/* dropdown arrow */
.pf-choices[data-type*="select-one"]::after { border-color: var(--pfc-gold) transparent transparent; right: 11px; }
.pf-choices[data-type*="select-one"].is-open::after { border-color: transparent transparent var(--pfc-gold); }

/* open panel — gold border to match */
.pf-choices .choices__list--dropdown,
.pf-choices .choices__list[aria-expanded] {
  background: var(--pfc-panel);
  border: 1px solid var(--pfc-gold);
  border-top: none;
  border-radius: 0 0 8px 8px;
  color: var(--pfc-text);
  z-index: 60;
}
.pf-choices .choices__list--dropdown .choices__item,
.pf-choices .choices__list[aria-expanded] .choices__item {
  color: var(--pfc-text); font-size: 13px; text-transform: none; letter-spacing: 0; padding: 9px 11px;
}
.pf-choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
.pf-choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted { background: var(--pfc-hover); }
.pf-choices .choices__list--dropdown .choices__item--selectable.is-selected,
.pf-choices .choices__list[aria-expanded] .choices__item--selectable.is-selected { color: var(--pfc-gold); }

/* search box inside the panel */
.pf-choices .choices__input {
  background: var(--pfc-bg); color: var(--pfc-text);
  border: 1px solid var(--pf-border-2, #2a2f37); border-radius: 6px;
  margin: 8px; padding: 7px 9px; font-size: 13px;
}
.pf-choices .choices__input::placeholder { color: var(--pfc-muted); }
.pf-choices.is-disabled .choices__inner { opacity: .55; }