/* Warm, accessible contact dropdowns. Native selects stay intact if JS is off. */
.contact-field select.contact-select-native{position:absolute;width:1px;min-width:0;height:1px;min-height:0;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.contact-select{position:relative;min-width:0}
.contact-select-error[hidden],.contact-select-options[hidden]{display:none}
.contact-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:5px;background:var(--espresso);color:var(--light);font:400 16px/1.5 var(--sans);text-align:left;touch-action:manipulation}
.contact-select-value{min-width:0;overflow-wrap:anywhere}
.contact-select-trigger::after{content:"";flex:0 0 7px;width:7px;height:7px;margin:0 3px 3px 0;border-right:2px solid var(--amber);border-bottom:2px solid var(--amber);transform:rotate(45deg)}
.contact-select-trigger:hover{border-color:var(--muted)}
.contact-select-trigger:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-color:var(--amber)}
.contact-select-trigger[aria-expanded="true"]{border-color:var(--amber)}
.contact-select-trigger[aria-expanded="true"]::after{transform:translateY(3px) rotate(225deg)}
.contact-select-trigger:disabled{opacity:.6;cursor:not-allowed}
.contact-select-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:280px;margin:0;padding:5px;border:1px solid var(--amber);border-radius:6px;background:linear-gradient(135deg,var(--rust),var(--espresso));box-shadow:0 12px 28px rgba(36,26,24,.34);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--copper) var(--espresso)}
.contact-select-above .contact-select-options{top:auto;bottom:calc(100% + 6px)}
.contact-select-option{position:relative;display:flex;align-items:center;min-height:44px;padding:9px 36px 9px 12px;border:1px solid transparent;border-radius:3px;color:var(--light);font:400 16px/1.5 var(--sans);overflow-wrap:anywhere;cursor:pointer;user-select:none}
.contact-select-option[aria-selected="true"]{background:var(--rust);color:var(--amber)}
.contact-select-option[aria-selected="true"]::after{content:"";position:absolute;right:15px;top:16px;width:6px;height:10px;border:solid var(--amber);border-width:0 2px 2px 0;transform:rotate(45deg)}
.contact-select-option[data-active="true"]{border-color:var(--amber);background:var(--copper);color:var(--light)}
.contact-select-option[aria-disabled="true"]{opacity:.5;cursor:not-allowed}
.contact-select-trigger[aria-invalid="true"]{border-color:var(--amber)}
.contact-select-error{display:block;margin-top:7px;color:var(--amber);font:400 12px/1.6 var(--sans)}
@media(forced-colors:active){
 .contact-select-trigger,.contact-select-options{border-color:ButtonText}
 .contact-select-option[aria-selected="true"]{font-weight:600}
 .contact-select-option[data-active="true"]{outline:2px solid Highlight;outline-offset:-3px}
}