/* --- Picker Trigger Buttons: Theme-safe text color --- */
html { --picker-trigger-fg: #fff; }                /* default = dark */
html[data-theme="light"] { --picker-trigger-fg: #111; }

.btn.liquid-glass.glossy-country-picker,
.btn.liquid-glass.glossy-framework-picker,
.btn.liquid-glass.glossy-region-picker,
.btn.liquid-glass.glossy-subject-picker,
.btn.liquid-glass.hover-rainbow-rain {
  color: var(--picker-trigger-fg) !important;
}


/* --- Dark mode: make picker trigger buttons more transparent (half opacity) --- */
[data-theme="dark"] .btn.liquid-glass.glossy-grade-picker,
[data-theme="dark"] .btn.liquid-glass.glossy-subject-picker,
[data-theme="dark"] .btn.liquid-glass.glossy-country-picker,
[data-theme="dark"] .btn.liquid-glass.glossy-region-picker,
[data-theme="dark"] .btn.liquid-glass.glossy-diff-picker {
  background: rgba(255,255,255,0.09); /* half of 0.18 */
}
[data-theme="dark"] .btn.liquid-glass.glossy-grade-picker:hover,
[data-theme="dark"] .btn.liquid-glass.glossy-subject-picker:hover,
[data-theme="dark"] .btn.liquid-glass.glossy-country-picker:hover,
[data-theme="dark"] .btn.liquid-glass.glossy-region-picker:hover,
[data-theme="dark"] .btn.liquid-glass.glossy-diff-picker:hover {
  background: rgba(255,255,255,0.12); /* half of 0.24 */
}