/*
 * Site-wide styles served via Propshaft. Tailwind output lives in tailwind.css
 * and is loaded separately. Use this file for vendor-css overrides that need
 * to win over trix.css and similar.
 */

/* Trix editor — dark-theme overrides matching the OSOTO admin */
trix-toolbar {
  background-color: #111;
  border: 1px solid #222;
  border-bottom: none;
  padding: 0.5rem;
}
trix-toolbar .trix-button-group {
  background: transparent;
  border-color: #222;
  margin-bottom: 0;
}
trix-toolbar .trix-button {
  background: transparent;
  border-color: #222;
  color: #e5e5e5;
}
trix-toolbar .trix-button:not(:first-child) {
  border-left-color: #222;
}
trix-toolbar .trix-button.trix-active {
  background: #C23B22;
  color: #fff;
}
trix-toolbar .trix-button:not(:disabled):hover {
  background: #1a1a1a;
}
trix-toolbar .trix-button--icon::before {
  filter: invert(0.8);
}
trix-toolbar .trix-button.trix-active.trix-button--icon::before {
  filter: invert(1);
}
trix-toolbar .trix-dialog {
  background: #111;
  border-color: #222;
  color: #e5e5e5;
}
trix-toolbar .trix-input--dialog {
  background: #0a0a0a;
  border-color: #222;
  color: #fff;
}
trix-toolbar .trix-button--dialog {
  color: #e5e5e5;
}
trix-editor {
  padding: 0.75rem 1rem;
  min-height: 8rem;
}
trix-editor:empty:not(:focus)::before {
  color: #6b6b6b;
}
.trix-content a {
  color: #C23B22;
  text-decoration: underline;
}
.trix-content blockquote {
  border-left: 2px solid #C23B22;
  padding-left: 1rem;
  color: #d1d1d1;
}