/* Shared branded baseline for native selects and WooCommerce Select2 controls. */
select:not([multiple]):not([size]){
  min-height:46px;
  padding-right:44px;
  border:1px solid var(--border, #1E2631);
  border-radius:12px;
  appearance:none;
  -webkit-appearance:none;
  color-scheme:dark;
  background-color:rgba(15,19,24,.96);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%23C7F33B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 16px center !important;
  background-size:14px 9px !important;
  color:var(--text, #ECEFE6);
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

select:not([multiple]):not([size]):hover{
  border-color:rgba(199,243,59,.42);
}

select:not([multiple]):not([size]):focus-visible{
  outline:2px solid rgba(199,243,59,.38);
  outline-offset:2px;
  border-color:#C7F33B;
  box-shadow:0 0 0 3px rgba(199,243,59,.13);
}

select:not([multiple]):not([size]):disabled{
  opacity:.55;
  cursor:not-allowed;
}

select option{
  background:#0F1318;
  color:#ECEFE6;
}

/* The native select now owns the arrow; suppress route wrapper arrows. */
:is(.shopbar__sort, .toc-jump, .doc-jump)::after,
.toc-jump .sel::after{
  display:none !important;
}

.select2-container--default .select2-selection--single{
  min-height:48px;
  border:1px solid var(--border, #1E2631);
  border-radius:12px;
  background:rgba(15,19,24,.96);
  color:var(--text, #ECEFE6);
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  padding:0 42px 0 14px;
  color:var(--text, #ECEFE6);
  line-height:46px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  top:50%;
  right:12px;
  height:20px;
  transform:translateY(-50%);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-width:0 2px 2px 0;
  border-color:#C7F33B;
  width:8px;
  height:8px;
  margin:-6px 0 0 -5px;
  transform:rotate(45deg);
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single{
  border-color:#C7F33B;
  box-shadow:0 0 0 3px rgba(199,243,59,.13);
}

.select2-dropdown{
  overflow:hidden;
  border:1px solid rgba(199,243,59,.3);
  border-radius:12px;
  background:#0F1318;
  color:#ECEFE6;
  box-shadow:0 18px 40px rgba(0,0,0,.45);
}

.select2-search--dropdown .select2-search__field{
  min-height:42px;
  border:1px solid #1E2631;
  border-radius:9px;
  background:#090D11;
  color:#ECEFE6;
}

.select2-results__option{
  padding:10px 14px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected]{
  background:rgba(199,243,59,.16);
  color:#EAFB9F;
}

@media (max-width:600px){
  select:not([multiple]):not([size]){
    min-height:48px;
    font-size:16px;
  }
}