/* Shared arrow treatment for the theme's native report and update filters. */
:is(.financial-results__filter-select, .announcements__filter-select, .financial-calendars__filter-select, .cdc-filter-select) {
    --cdc-select-inset: 15px;
    --cdc-select-arrow-size: 12px;
    -webkit-appearance: none;
    appearance: none;
    padding-inline-end: calc(var(--cdc-select-inset) * 2 + var(--cdc-select-arrow-size));
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%23333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--cdc-select-inset) center;
    background-size: var(--cdc-select-arrow-size);
    user-select: none;
}

/* Keep the arrow at the inline end when WordPress renders a right-to-left page. */
[dir="rtl"] :is(.financial-results__filter-select, .announcements__filter-select, .financial-calendars__filter-select, .cdc-filter-select) {
    background-position: left var(--cdc-select-inset) center;
}

/* Let the OS draw a visible arrow when background images may be suppressed. */
@media (forced-colors: active) {
    :is(.financial-results__filter-select, .announcements__filter-select, .financial-calendars__filter-select, .cdc-filter-select) {
        -webkit-appearance: auto;
        appearance: auto;
        background-image: none;
    }
}