/* Ravencross 0.3.4 supplement: select-controls-034-1.
 * Keep the existing shared input styles in site.css: width, font, colour,
 * background, border, radius, focus and invalid-state treatment.
 * Only remove the platform menulist chrome from single-choice dropdowns.
 * Native select semantics, keyboard input and the system option picker remain.
 */
select:not([multiple]):not([size]),
select:not([multiple])[size="0"],
select:not([multiple])[size="1"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Match the current 16px / 1.55 text input plus 11px padding and 1px borders. */
    height: calc(1.55em + 24px);
    min-height: 46px;
    line-height: 1.55;
    padding-inline-start: 12px;
    padding-inline-end: 42px;
    background-image: url("select-chevron-034-1.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px 16px;
    cursor: pointer;
}

select:not([multiple]):not([size]):dir(rtl),
select:not([multiple])[size="0"]:dir(rtl),
select:not([multiple])[size="1"]:dir(rtl) {
    background-position: left 12px center;
}

select:disabled {
    cursor: not-allowed;
}

/* Use the operating system indicator in high-contrast/forced-colour modes. */
@media (forced-colors: active) {
    select:not([multiple]):not([size]),
    select:not([multiple])[size="0"],
    select:not([multiple])[size="1"] {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto;
        background-image: none;
        padding-inline-end: 12px;
    }
}