/* ---------- Member location: State and City dropdowns ----------
   assets/js/member-location.js. A trigger styled like the form's inputs, and a
   panel with its own search box, the list and an "Other" choice. Ultimate
   Member styles buttons and inputs inside .um with !important, so the few
   properties it sets are overridden the same way. */

/* Country is hidden on the sign-up, profile-edit and profile-view forms: K Madang
   collects US members, so inc/member-location.php fills the field in as United
   States rather than asking. The field is still there in Ultimate Member ->
   Forms (#14) - delete these two rules to show it again. */
.um .um-field[data-key="country"],
.um .um-field-country{display:none!important}

.um .km-loc{position:relative;font-family:var(--body,inherit)}
.um .km-loc.km-loc-off,.um .um-form input.km-loc-off{display:none!important}
.um .km-loc.is-other{margin-bottom:8px}

.um .km-loc .km-loc__trigger{display:flex!important;align-items:center;justify-content:space-between;gap:10px;width:100%!important;height:48px!important;margin:0!important;padding:0 14px!important;border:1px solid #dde3ec!important;border-radius:8px!important;background:#f8fafd!important;box-shadow:none!important;color:var(--ink,#11131a)!important;font:400 .96rem var(--body,inherit)!important;text-align:left!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}
.um .km-loc .km-loc__trigger:hover{border-color:#c3cfde!important}
.um .km-loc .km-loc__trigger:focus-visible,.um .km-loc.is-open .km-loc__trigger{outline:0;background:#fff!important;border-color:var(--blue,#0047A0)!important;box-shadow:0 0 0 3px rgba(0,71,160,.13)!important}
.um .km-loc .km-loc__trigger:disabled{cursor:not-allowed;opacity:.6}
.km-loc__value{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.km-loc__value.is-placeholder{color:#9aa4b2}
.km-loc__caret{flex:none;width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--blue,#0047A0);border-bottom:2px solid var(--blue,#0047A0);transform:rotate(45deg);transition:transform .15s}
.km-loc.is-open .km-loc__caret{margin-top:4px;transform:rotate(-135deg)}

.km-loc__panel{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;overflow:hidden;border:1px solid #dde3ec;border-radius:10px;background:#fff;box-shadow:0 18px 40px rgba(4,16,35,.16)}
.km-loc__search-wrap{padding:10px;border-bottom:1px solid #eef1f6;background:#fff}
.um .km-loc .km-loc__search{display:block!important;width:100%!important;height:40px!important;margin:0!important;padding:0 12px 0 36px!important;border:1px solid #dde3ec!important;border-radius:8px!important;background:#f8fafd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%239aa4b2' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") no-repeat 12px center!important;box-shadow:none!important;color:var(--ink,#11131a)!important;font:400 .92rem var(--body,inherit)!important}
.um .km-loc .km-loc__search:focus{outline:0;background-color:#fff!important;border-color:var(--blue,#0047A0)!important;box-shadow:0 0 0 3px rgba(0,71,160,.13)!important}

.km-loc__list{max-height:260px;margin:0;padding:6px;overflow-y:auto;list-style:none;overscroll-behavior:contain}
.km-loc__option{padding:9px 10px;border-radius:6px;font-size:.93rem;line-height:1.3;color:var(--ink,#11131a);cursor:pointer}
.km-loc__option.is-active{background:#eef4fc}
.km-loc__option[aria-selected=true]{font-weight:700;color:var(--blue,#0047A0)}
.km-loc__option--other{margin-top:4px;border-top:1px solid #eef1f6;border-radius:0 0 6px 6px;font-weight:600;color:var(--blue,#0047A0)}
.km-loc__note{padding:8px 10px;font-size:.82rem;color:var(--muted,#666c78)}