/**
 * Site-wide <select> affordance — always show a dropdown caret.
 * LOAD THIS STYLESHEET LAST (after main.css, tmf-legacy.css, signup.css, etc.)
 * so it wins grouped input/select { appearance: none } rules.
 */

select:not([multiple]),
body.signup-page main.site-main select:not([multiple]),
body.subscribe-page main.site-main select:not([multiple]),
.tmf-portal-page main.site-main select:not([multiple]),
form select:not([multiple]),
#main select:not([multiple]) {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='none' stroke='%231e293b' stroke-opacity='0.55' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M1.25 1.5 7 6.5 12.75 1.5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.65rem center !important;
    background-size: 0.85rem auto !important;
    padding-right: 2.35rem !important;
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme]) select:not([multiple]),
    html:not([data-theme]) body.signup-page main.site-main select:not([multiple]),
    html:not([data-theme]) body.subscribe-page main.site-main select:not([multiple]),
    html:not([data-theme]) .tmf-portal-page main.site-main select:not([multiple]),
    html:not([data-theme]) form select:not([multiple]),
    html:not([data-theme]) #main select:not([multiple]) {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='none' stroke='%23e2e8f0' stroke-opacity='0.75' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M1.25 1.5 7 6.5 12.75 1.5'/%3E%3C/svg%3E") !important;
    }
}

html[data-theme="dark"] select:not([multiple]),
html[data-theme="dark"] body.signup-page main.site-main select:not([multiple]),
html[data-theme="dark"] body.subscribe-page main.site-main select:not([multiple]),
html[data-theme="dark"] .tmf-portal-page main.site-main select:not([multiple]),
html[data-theme="dark"] form select:not([multiple]),
html[data-theme="dark"] #main select:not([multiple]) {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='none' stroke='%23e2e8f0' stroke-opacity='0.75' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round' d='M1.25 1.5 7 6.5 12.75 1.5'/%3E%3C/svg%3E") !important;
}

select[multiple],
body.signup-page main.site-main select[multiple],
body.subscribe-page main.site-main select[multiple],
.tmf-portal-page main.site-main select[multiple],
form select[multiple],
#main select[multiple] {
    background-image: none !important;
    padding-right: 0.7rem !important;
}

/* Legacy Atmosphere: FontAwesome chevron on wrapper — hide to avoid double caret */
.select-wrapper::before {
    content: none !important;
    display: none !important;
}

select::-ms-expand {
    display: none;
}