/* WP Masquerade: designed menu replacing a native <select data-wpm-select> (the select stays as fallback without JS). */
.wpm-select { position: relative; }
.wpm-select.is-enhanced select { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.wpm-select-btn { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 9px 44px 9px 10px; text-align: left; background: #fff; border: 1px solid var(--edge); border-radius: var(--radius-sm); color: var(--ink); cursor: pointer; position: relative; }
.wpm-select-btn:hover { border-color: #c9d6ec; }
.wpm-select-btn:focus-visible, .wpm-select.is-open .wpm-select-btn { outline: none; border-color: var(--blue); box-shadow: 0 0 0 3px rgba(23, 101, 244, .18); }
.wpm-select-btn::after { content: ""; position: absolute; right: 18px; top: 50%; width: 8px; height: 8px; border: solid var(--muted); border-width: 0 2px 2px 0; transform: translateY(-70%) rotate(45deg); transition: transform .15s; }
.wpm-select.is-open .wpm-select-btn::after { transform: translateY(-30%) rotate(-135deg); }
.wpm-select-btn .is-placeholder { color: var(--muted); padding-left: 4px; }
.has-error .wpm-select-btn { border-color: var(--red); }
.wpm-select-ico { display: inline-flex; flex: 0 0 30px; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 8px; background: var(--light); color: var(--blue); }
.wpm-select-ico svg { width: 17px; height: 17px; }
.wpm-select-list { position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--edge); border-radius: var(--radius-sm); box-shadow: var(--shadow); max-height: min(470px, 70vh); overflow: auto; outline: none; }
.wpm-select-list[hidden] { display: none; }
.wpm-select-opt { display: flex; align-items: center; gap: 10px; margin: 0; padding: 8px 10px; border-radius: 8px; color: var(--ink); cursor: pointer; }
.wpm-select-opt.is-active { background: var(--light); }
.wpm-select-opt.is-active .wpm-select-ico { background: #fff; }
.wpm-select-opt[aria-selected="true"] { font-weight: 700; }
.wpm-select-opt[aria-selected="true"]::after { content: ""; margin: 0 6px 0 auto; width: 6px; height: 11px; border: solid var(--blue); border-width: 0 2px 2px 0; transform: rotate(45deg); }
@media (prefers-reduced-motion: reduce) { .wpm-select-btn::after { transition: none; } }