
/* V5.8 — theme and language controls belong to the viewer menu bar. */
.viewer__actions { align-items:center; flex-wrap:wrap; }
.viewer__display-controls {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0;
  margin:0;
  flex:0 0 auto;
}
.viewer__display-controls button,
.viewer__display-controls label {
  min-height:34px;
  border:2px solid var(--ink);
  background:#fff;
  color:var(--ink);
  padding:6px 9px;
  font:900 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:2px 2px 0 var(--ink);
}
.viewer__display-controls button {
  display:inline-flex;
  align-items:center;
  gap:6px;
  cursor:pointer;
}
.viewer__display-controls label {
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.viewer__display-controls select {
  appearance:none;
  -webkit-appearance:none;
  border:0;
  outline:0;
  background:transparent;
  color:inherit;
  font:inherit;
  cursor:pointer;
  padding:0 14px 0 0;
  max-width:108px;
}
.viewer__language-control { position:relative; }
.viewer__language-control::after {
  content:'⌄';
  position:absolute;
  right:7px;
  top:8px;
  pointer-events:none;
}
.viewer__control-icon { font-size:13px; line-height:1; }
.viewer__theme-control:active,
.viewer__language-control:active { transform:translate(2px,2px); box-shadow:none; }
@media (max-width: 760px) {
  .viewer__bar { gap:8px; }
  .viewer__display-controls { order:-1; width:100%; justify-content:flex-end; }
  .viewer__display-controls button,
  .viewer__display-controls label { min-height:32px; padding:5px 7px; }
  .viewer__display-controls select { max-width:94px; }
}
@media (max-width: 470px) {
  .viewer__display-controls { justify-content:stretch; }
  .viewer__display-controls button,
  .viewer__display-controls label { flex:1 1 0; justify-content:center; }
}
