/* ============================================================
   Dark mode overrides for language-selector plugin
   The plugin's built-in CSS only supports light mode.
   These rules adapt the language selector to match the
   color-theme-2 (dark) sidebar color scheme:
     - Sidebar bg:        #2d3143
     - Sidebar text:      #bcc1d2
     - Active item bg:    #252737
     - Active item text:  #f4f4f5
     - Content dark bg:   #1c1f2b
     - Content dark text: #bdcadb
   ============================================================ */

/* --- Dark mode: summary sidebar language selector --- */
.book.color-theme-2 .summary-language-selector {
    background: transparent;
    border-color: #272a3a;
}

.book.color-theme-2 .summary-language-selector label {
    color: #bcc1d2;
}

.book.color-theme-2 .summary-language-selector select {
    background-color: #1c1f2b;
    color: #bdcadb;
    border-color: #373b4e;
}

.book.color-theme-2 .summary-language-selector select:focus {
    border-color: #3eb1d0;
    box-shadow: 0 0 0 0.2rem rgba(62, 177, 208, 0.25);
}

/* --- Dark mode: floating language selector (top-right corner) --- */
.book.color-theme-2 .language-selector {
    background: #2d3143;
    border-color: #373b4e;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.book.color-theme-2 .language-selector select {
    background-color: #1c1f2b;
    color: #bdcadb;
    border-color: #373b4e;
}

.book.color-theme-2 .language-selector select:focus {
    border-color: #3eb1d0;
    box-shadow: 0 0 0 0.2rem rgba(62, 177, 208, 0.25);
}