/* Interpres Alphabet: searchable drop-downs (phone code, country, language) */
.combo{position:relative}
.combo-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:47px;
  background:#2a2e35;border:1px solid #545b66;border-radius:6px;padding:10px 14px;color:#f1ebdf;font:inherit;font-size:15px;
  text-align:left;cursor:pointer;transition:border-color .2s}
.combo-btn:hover{border-color:#7a818c}
.combo-btn:focus-visible,.combo.is-open .combo-btn{outline:2px solid #b8914a;outline-offset:1px;border-color:transparent}
.combo-val{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.combo-val span{overflow:hidden;text-overflow:ellipsis}
.combo-ph{color:#8f887b}
.combo-chev{width:11px;height:11px;flex:none;stroke:#d4b06a;transition:transform .2s}
.combo.is-open .combo-chev{transform:rotate(180deg)}
.combo-flag{display:inline-block;width:20px;height:15px;flex:none;border-radius:2px;background:url(/assets/flags.png) no-repeat;background-size:320px 240px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.combo-proxy{position:absolute;left:0;bottom:0;width:100%;height:1px;opacity:0;pointer-events:none;border:0;padding:0}
.combo-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:100%;min-width:260px;
  background:#2f343c;border:1px solid #4a515c;border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.45);padding:8px}
.combo-panel[hidden]{display:none}
.combo-search{width:100%;background:#262a30;border:1px solid #4a515c;border-radius:6px;padding:9px 12px;color:#f1ebdf;font:inherit;font-size:14px;margin-bottom:6px}
.combo-search:focus{outline:2px solid #b8914a;outline-offset:0;border-color:transparent}
.combo-list{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto}
.combo-opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;color:#e6dfd1;font-size:15px}
.combo-opt .combo-label{flex:1;min-width:0}
.combo-opt.is-active{background:rgba(184,145,74,.16);color:#f7f1e3}
.combo-opt[aria-selected="true"]{color:#d4b06a}
.combo-dial{font-size:13px;color:#9e9686;font-variant-numeric:tabular-nums}
.combo-empty{padding:10px;color:#9e9686;font-size:14px}
.phone-row{position:relative;display:grid;grid-template-columns:132px 1fr;gap:8px}
.phone-row .combo{position:static}
.phone-row .combo-panel{width:100%;min-width:0}
[dir="rtl"] .combo-btn{text-align:right}
[dir="rtl"] .combo-panel{left:auto;right:0}
@media (max-width:600px){
  .combo-panel{min-width:0}
}