/* Translation UI styles for GameSaveEditor */
.language-selector,
#translate,
#translate .translate_selectLanguage_tag,
.translate_selectLanguage_tag,
div[id="translate"],
div[id="translate"] .translate_selectLanguage_tag {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    z-index: 1 !important;
    cursor: pointer !important;
    font-size: 0.875rem !important;
    font-family: inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.language-selector select,
#translate select,
#translate .translate_selectLanguage_tag select,
.translate_selectLanguage_tag select,
div[id="translate"] select,
div[id="translate"] .translate_selectLanguage_tag select {
    background: transparent !important;
    border: none !important;
    color: inherit !important;
    font-size: 0.85rem !important;
    font-family: inherit !important;
    text-align: center !important;
    text-align-last: center !important;
    cursor: pointer !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 12px !important;
    margin: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    opacity: 1 !important;
}

.language-selector select option,
#translate select option,
#translate .translate_selectLanguage_tag select option,
.translate_selectLanguage_tag select option,
div[id="translate"] select option,
div[id="translate"] .translate_selectLanguage_tag select option {
    background: #1e1e1e !important;
    color: hsl(0 0% 90%) !important;
}

@media (max-width: 768px) {
    .language-selector,
    #translate,
    #translate .translate_selectLanguage_tag,
    .translate_selectLanguage_tag,
    div[id="translate"],
    div[id="translate"] .translate_selectLanguage_tag {
        font-size: 0.8rem !important;
    }

    .language-selector select,
    #translate select,
    #translate .translate_selectLanguage_tag select,
    .translate_selectLanguage_tag select,
    div[id="translate"] select,
    div[id="translate"] .translate_selectLanguage_tag select {
        padding: 0 10px !important;
        font-size: 0.8rem !important;
    }
}

body.day-mode .language-selector select,
body.day-mode #translate select,
body.day-mode #translate .translate_selectLanguage_tag select,
body.day-mode .translate_selectLanguage_tag select,
body.day-mode div[id="translate"] select,
body.day-mode div[id="translate"] .translate_selectLanguage_tag select {
    color: #1a202c !important;
}

body.day-mode .language-selector select option,
body.day-mode #translate select option,
body.day-mode #translate .translate_selectLanguage_tag select option,
body.day-mode .translate_selectLanguage_tag select option,
body.day-mode div[id="translate"] select option,
body.day-mode div[id="translate"] .translate_selectLanguage_tag select option {
    background: #ffffff !important;
    color: #1a202c !important;
}

/* Mobile contrast fix for native select rendering */
@media (max-width: 768px) {
    .language-selector select,
    #translate select,
    #translate .translate_selectLanguage_tag select,
    .translate_selectLanguage_tag select,
    div[id="translate"] select,
    div[id="translate"] .translate_selectLanguage_tag select {
        background-color: transparent !important;
        color: #f8fafc !important;
        -webkit-text-fill-color: #f8fafc !important;
    }

    body.day-mode .language-selector select,
    body.day-mode #translate select,
    body.day-mode #translate .translate_selectLanguage_tag select,
    body.day-mode .translate_selectLanguage_tag select,
    body.day-mode div[id="translate"] select,
    body.day-mode div[id="translate"] .translate_selectLanguage_tag select,
    html.day-init .language-selector select,
    html.day-init #translate select,
    html.day-init #translate .translate_selectLanguage_tag select,
    html.day-init .translate_selectLanguage_tag select,
    html.day-init div[id="translate"] select,
    html.day-init div[id="translate"] .translate_selectLanguage_tag select {
        background-color: #ffffff !important;
        color: #1a202c !important;
        -webkit-text-fill-color: #1a202c !important;
    }
}