/* Fix: Bootstrap's `table thead th` overrides Lexxy table headers */
lexxy-editor table thead th {
  font-weight: bold;
  opacity: 1;
  font-size: inherit;
}

/* Fix: Color picker grid rows collapse to 0 */
lexxy-editor .lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-highlight-colors {
  grid-auto-rows: minmax(2.5rem, auto);
  grid-template-columns: repeat(auto-fill, minmax(2.5rem, 1fr));
}

/* Fix: Color picker buttons have no intrinsic height */
lexxy-editor .lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] .lexxy-highlight-colors button {
  min-block-size: 2.5rem;
  aspect-ratio: 1;
}

/* Fix: Color picker panel width too narrow */
lexxy-editor .lexxy-editor__toolbar-dropdown--highlight [data-dropdown-panel] {
  --max-inline-size: calc(var(--max-colors) * (2.5rem + var(--lexxy-toolbar-spacing)));
  min-inline-size: 200px;
}

/* Fix: Link dropdown positioned relative to editor instead of button */
lexxy-editor .lexxy-editor__toolbar-dropdown--link {
  position: relative;
}

/* Fix: Link dropdown panel too narrow for URL input */
lexxy-editor .lexxy-editor__toolbar-dropdown--link [data-dropdown-panel] {
  min-inline-size: 250px;
}

/* Reduce paragraph spacing in lexxy editor */
lexxy-editor .lexxy-content p {
  margin-bottom: 6px;
}