/*
 * Trix button size overrides with high specificity
 */

/* Smaller buttons with maximum specificity */
html body trix-toolbar .trix-button,
html body trix-toolbar .trix-button-group button.trix-button,
trix-toolbar .trix-button-group button.trix-button,
trix-toolbar .trix-button {
  width: 1.75rem !important;
  height: 1.75rem !important;
  min-width: 1.75rem !important;
  max-width: 1.75rem !important;
  min-height: 1.75rem !important;
  max-height: 1.75rem !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Make icon size appropriate for smaller buttons */
html body trix-toolbar .trix-button::before {
  background-size: 65% !important;
}

/* Even smaller on mobile */
@media (max-width: 640px) {
  html body trix-toolbar .trix-button,
  html body trix-toolbar .trix-button-group button.trix-button,
  trix-toolbar .trix-button-group button.trix-button,
  trix-toolbar .trix-button {
    width: 1.5rem !important;
    height: 1.5rem !important;
    min-width: 1.5rem !important;
    max-width: 1.5rem !important;
    min-height: 1.5rem !important;
    max-height: 1.5rem !important;
  }

  html body trix-toolbar .trix-button::before {
    background-size: 60% !important;
  }

  /* Tighter button groups */
  html body trix-toolbar .trix-button-group {
    margin-right: 0.125rem !important;
  }
}

/* Hide the Trix toolbar completely */
html body trix-toolbar,
trix-toolbar {
  display: none !important;
}