/* Plain <select> styling — replaces jquery.nice-select's generated markup.
   Scoped the same way the old init did ($('select:not(.ignore)')). */
select:not(.ignore) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: auto;
    height: 40px;
    padding: 0 30px 0 12px;
    background-color: #f7f7f7;
    border: solid 1px #e8e8e8;
    border-radius: 5px;
    color: #444;
    font-family: inherit;
    font-size: 14px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23999' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 12px center;
}

select.wide:not(.ignore) {
    width: 100%;
}

select:not(.ignore):focus {
    outline: none;
    border-color: #999;
}