/* Scoped to OneTarget Advanced Form Builder, native mode untouched. */
.wpr-form-field-type-custom-select .wpr-select-wrap{position:relative;overflow:visible}
.wpr-form-field-type-custom-select .wpr-select-wrap.ot-custom-select-ready>select:not([multiple]){position:absolute!important;inset:0 auto auto 0;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden;pointer-events:none;z-index:-1}
.wpr-form-field-type-custom-select .ot-custom-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:42px;padding:12px 14px;background:var(--ot-select-trigger-bg,#fff);color:var(--ot-select-trigger-color,#333);border:1px solid var(--ot-select-trigger-border,#c9ced6);border-radius:6px;cursor:pointer;text-align:start;font:inherit;line-height:1.4;box-sizing:border-box}
.wpr-form-field-type-custom-select .ot-custom-select-trigger:focus-visible{outline:2px solid #8247cb;outline-offset:2px}
.wpr-form-field-type-custom-select .ot-custom-select-arrow{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-inline-end:2px;transition:transform .2s}
.wpr-form-field-type-custom-select .ot-custom-select-ready.ot-custom-select-open .ot-custom-select-arrow{transform:rotate(225deg)}
.wpr-form-field-type-custom-select .ot-custom-select-menu{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:9999;display:none;max-height:280px;overflow-y:auto;overscroll-behavior:contain;background:var(--ot-select-menu-bg,#fff);border:1px solid var(--ot-select-menu-border,#c9ced6);border-radius:6px;box-shadow:0 12px 24px rgba(0,0,0,.12);padding:4px;box-sizing:border-box}
.wpr-form-field-type-custom-select .ot-custom-select-open .ot-custom-select-menu{display:block}
.wpr-form-field-type-custom-select .ot-custom-select-option{display:block;width:100%;border:0!important;border-radius:4px;background:var(--ot-select-normal-bg,transparent);color:var(--ot-select-normal-text,#222);text-align:start;font:inherit;line-height:1.4;cursor:pointer;padding:9px 12px;white-space:normal;overflow-wrap:anywhere}
.wpr-form-field-type-custom-select .ot-custom-select-option:hover,.wpr-form-field-type-custom-select .ot-custom-select-option:focus-visible{background:var(--ot-select-hover-bg,#f0e7fc);color:var(--ot-select-hover-text,#4b1985);outline:none}
.wpr-form-field-type-custom-select .ot-custom-select-option[aria-selected="true"]{background:var(--ot-select-selected-bg,#8552c3);color:var(--ot-select-selected-text,#fff)}
.wpr-form-field-type-custom-select .ot-custom-select-option[aria-selected="true"]:hover,.wpr-form-field-type-custom-select .ot-custom-select-option[aria-selected="true"]:focus-visible{filter:none}
.wpr-form-field-type-custom-select .ot-custom-select-option:disabled{opacity:.45;cursor:not-allowed}
.wpr-form-field-type-custom-select .ot-custom-select-ready .e-font-icon-svg,.wpr-form-field-type-custom-select .ot-custom-select-ready:before{display:none!important}
@media(prefers-reduced-motion:reduce){.wpr-form-field-type-custom-select .ot-custom-select-arrow{transition:none}}
/* Multi-select shares single select skin; native select remains for submission and validation. */
.wpr-form-field-type-custom-select .wpr-select-wrap.ot-custom-select-ready>select[multiple]{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;z-index:-1!important;overflow:hidden!important}
.wpr-form-field-type-custom-select .ot-custom-select-label{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.wpr-form-field-type-custom-select .ot-custom-select-multi .ot-custom-select-option{display:flex;gap:10px;align-items:center}
.wpr-form-field-type-custom-select .ot-custom-select-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border:1px solid currentColor;border-radius:4px;font-size:14px;color:inherit;opacity:.5}
.wpr-form-field-type-custom-select .ot-custom-select-option[aria-selected="true"] .ot-custom-select-check{opacity:1}
.wpr-form-field-type-custom-select .ot-custom-select-option[aria-selected="false"] .ot-custom-select-check{color:transparent}
.wpr-form-field-type-custom-select .ot-custom-select-clear{display:block;width:100%;margin-top:4px;padding:8px 12px;background:transparent;color:inherit;border:0;border-top:1px solid rgba(128,128,128,.25);cursor:pointer;text-align:start;font:inherit}
.wpr-form-field-type-custom-select .ot-custom-select-clear:focus-visible{outline:2px solid currentColor;outline-offset:-2px}
.wpr-form-field-type-custom-select .ot-custom-select-clear:disabled{opacity:.4;cursor:default}

/* The state-specific variables come from Elementor widget controls, not hardcoded palettes. */
.wpr-form-field-type-custom-select .ot-custom-select-ready .ot-custom-select-option[aria-selected="true"] { background-color:var(--ot-select-selected-bg,#8552c3);color:var(--ot-select-selected-text,#fff); }
.wpr-form-field-type-custom-select .ot-custom-select-ready .ot-custom-select-option[aria-selected="false"]:hover,
.wpr-form-field-type-custom-select .ot-custom-select-ready .ot-custom-select-option[aria-selected="false"]:focus-visible { background-color:var(--ot-select-hover-bg,#f0e7fc);color:var(--ot-select-hover-text,#4b1985); }
.wpr-form-field-type-custom-select .ot-custom-select-ready .ot-custom-select-option[aria-selected="true"]:hover,
.wpr-form-field-type-custom-select .ot-custom-select-ready .ot-custom-select-option[aria-selected="true"]:focus-visible { background-color:var(--ot-select-selected-bg,#8552c3);color:var(--ot-select-selected-text,#fff); }
/* Ensure real native select never appears over the custom control once initialized. */
.wpr-form-field-type-custom-select .wpr-select-wrap.ot-custom-select-ready > select { position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;z-index:-1!important; }

/* Standalone Custom Select; native Select remains completely unchanged. */
.wpr-form-field-type-custom-select .ot-custom-select-wrap.ot-custom-select-ready { position:relative!important; overflow:visible!important; }
.wpr-form-field-type-custom-select .ot-custom-select-wrap.ot-custom-select-ready .ot-custom-select-trigger { appearance:none!important; -webkit-appearance:none!important; box-shadow:none; }
.wpr-form-field-type-custom-select .ot-custom-select-wrap.ot-custom-select-open .ot-custom-select-menu { display:block!important; }
.wpr-form-field-type-custom-select .ot-custom-select-wrap.ot-custom-select-ready > select { position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important; }
.wpr-form-field-type-custom-select .ot-custom-select-option { appearance:none!important;-webkit-appearance:none!important; }

/* 1.1.12: top-layer dropdown escapes Elementor background, clipping and stacking contexts. */
.wpr-form-field-type-custom-select .ot-custom-select-menu[popover]:popover-open {
  display:block!important; position:fixed!important; inset:auto!important;
  margin:0!important; box-sizing:border-box; z-index:2147483647!important;
  min-width:0; overscroll-behavior:contain;
}
.wpr-form-field-type-custom-select:has(.ot-custom-select-open) { z-index:100!important; position:relative; }
.wpr-form-field-type-custom-select .ot-custom-select-open { z-index:101!important; }
