/*
 * select2-theme.css — make select2 match the warm marketing form controls.
 * Loaded only on the marketing layout (the app layout's select2 is styled by
 * Metronic). Uses the marketing theme's CSS variables so the dropdowns blend
 * in with .form-control / .form-select.
 */

.select2-container { width: 100% !important; }

/* ---- Closed control: mirror .form-control / .form-select ---- */
.select2-container--default .select2-selection--single {
  height: auto;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-2);
  background-color: var(--surface);
  padding: 0.7rem 0.95rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--ink);
  font-size: 0.95rem;
  line-height: 1.5;
  padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--ink-dim);
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  top: 0;
  right: 0.5rem;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  color: var(--gray-300);
}

/* Focus / open — matches the .form-control:focus ring */
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
  outline: none;
}

/* ---- Dropdown panel ---- */
.select2-container--default .select2-dropdown {
  border-color: var(--border-2);
  background-color: var(--surface);
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.select2-container--default .select2-results__option {
  color: var(--ink-2);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted {
  background-color: var(--accent);
  color: #fff;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--accent-soft);
  color: var(--ink);
}

/* Search box inside the dropdown */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border-2);
  border-radius: var(--radius-sm);
  background-color: var(--surface-2);
  color: var(--ink);
  padding: 0.4rem 0.6rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--accent);
  outline: none;
}