/* Legacy Select2 3.x colours. Native option highlights are controlled by the OS. */
.affiliate-select-widget.select2-container { display:block; min-width:0; padding:0; margin-bottom:10px; border:1px solid #4a3c84; border-radius:5px; background:rgba(255,255,255,.03); box-shadow:0 4px 15px #00000026; }
.affiliate-select-widget.select2-container .select2-choice,
.affiliate-select-widget.select2-container.select2-drop-above .select2-choice,
.affiliate-select-widget.select2-container.select2-container-disabled .select2-choice { height:43px; line-height:43px; border:0; border-radius:5px; background:transparent; box-shadow:none; color:#fff; font-size:15px; padding-left:12px; }
.affiliate-select-widget.select2-container .select2-choice .select2-arrow,
.affiliate-select-widget.select2-container.select2-container-disabled .select2-choice .select2-arrow { background:transparent; border:0; right:10px; }
.affiliate-select-widget.select2-container-disabled { opacity:.7; }
.affiliate-select-dropdown.select2-drop { z-index:9999; border:1px solid #36156a; border-radius:5px; background:#4c2d86; color:white; box-shadow:0 4px 15px #0008; backdrop-filter:blur(50px); padding-top:6px; }
.affiliate-select-dropdown .select2-results .select2-result-label { color:white; }
.affiliate-select-dropdown .select2-results .select2-highlighted { background:#341c57; color:white; }
.affiliate-select-dropdown .select2-search input { background:rgba(255,255,255,.03) url('/Vendor/select2-3.5.2/select2.png') no-repeat 100% -22px; color:white; border:1px solid #4a3c84; border-radius:5px; box-shadow:0 4px 15px #00000026; }
.affiliate-select-dropdown .select2-results .select2-no-results,
.affiliate-select-dropdown .select2-results .select2-searching,
.affiliate-select-dropdown .select2-results .select2-selection-limit { background:transparent; color:white; }
.affiliate-select-widget.input-validation-error { border-color:#ff6b6d; }
.portal-link-row>.affiliate-select-widget { flex:0 0 270px; margin-bottom:0; }
.portal-destination .affiliate-select-widget { flex:1; margin-bottom:0; }
@media(max-width:1600px) { .portal-link-row>.affiliate-select-widget { flex:1 1 240px; } }
@media(max-width:600px) { .portal-link-row>.affiliate-select-widget { flex-basis:100%; } }

/* Keep the legacy small grey caret visible at every zoom/DPI. Select2's
   bitmap/retina sprite offsets do not match all converted control heights.
   Cover shared widgets and the separately initialized bank widgets. */
.select2-container .select2-choice .select2-arrow { display:block; width:18px; right:10px; top:0; bottom:0; height:auto; background:transparent; border:0; }
.select2-container .select2-choice .select2-arrow b { display:block; position:absolute; top:50%; left:50%; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid #999; background:none!important; transform:translate(-50%,-50%); pointer-events:none; }
.select2-container.select2-dropdown-open .select2-choice .select2-arrow b { transform:translate(-50%,-50%) rotate(180deg); }
.select2-container .select2-choice>.select2-chosen { margin-right:28px; }
#bank-form .select2-container .select2-choice .select2-arrow { top:0; bottom:0; height:auto; right:10px; }

/* Native fallback still signals a dropdown if JavaScript/vendor loading fails. */
.affiliate-portal select:not([multiple]):not([size]),
.blank select:not([multiple]):not([size]) { appearance:none; padding-right:34px; background-image:url('/Images/dropdown-caret.svg'); background-repeat:no-repeat; background-position:right 16px center; background-size:6px 4px; }
