/* Dark mode: unfocused inputs were stuck on a light fill.
   Theme custom CSS sets .form-control { background: #E5E7EA } for comments,
   which beats main.css on the resting state. :focus stays with the theme
   (.form-control:focus -> var(--input-bg-color)). */
html.io-black-mode .form-control:not(:focus),
html.io-black-mode textarea:not(:focus),
html.io-black-mode select:not(:focus),
html.io-black-mode input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="image"]):not([type="hidden"]):not([type="color"]):not(:focus) {
  background-color: var(--muted-bg-color);
  color: var(--main-color);
}

/* Dropdown arrows: open state should point down (180deg), sitewide. */
/* html adds specificity so this overrides OneNav's .dropdown.show rule without editing main.css. */
html .dropdown.show > a > i {
  transform: rotate(180deg);
}