/* Make native select controls clearly identifiable as dropdowns site-wide. */
select:not([multiple]):not([size]),
select:not([multiple])[size="1"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2.75rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M2 2l5 5 5-5' stroke='%232563eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.95rem center !important;
    background-size: 14px 9px !important;
}

[dir="rtl"] select:not([multiple]):not([size]),
[dir="rtl"] select:not([multiple])[size="1"] {
    padding-right: 0.95rem !important;
    padding-left: 2.75rem !important;
    background-position: left 0.95rem center !important;
}