/* Custom styles for napari MCP documentation */

/* Improve code block styling */
.highlight pre {
  border-radius: 6px;
}

/* Make cards more attractive */
.grid.cards > * {
  border-radius: 8px;
  border: 1px solid var(--md-default-fg-color--lightest);
  transition: all 0.2s ease;
}

.grid.cards > *:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-color: var(--md-accent-fg-color);
  transform: translateY(-2px);
}

/* Improve table styling */
.md-typeset table:not([class]) {
  border-radius: 6px;
  overflow: hidden;
}

/* Better spacing for admonitions */
.md-typeset .admonition {
  border-radius: 6px;
  margin: 1.5em 0;
}

/* Improve navigation styling */
.md-nav__item--active > .md-nav__link {
  font-weight: 600;
}

/* Custom styling for API reference */
.doc-signature {
  font-family: var(--md-code-font);
  background: var(--md-code-bg-color);
  border-radius: 4px;
  padding: 0.5em 1em;
  margin: 1em 0;
}

/* Improve heading anchor styling */
.md-typeset .headerlink {
  color: var(--md-accent-fg-color);
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.md-typeset .headerlink:hover {
  opacity: 1;
}

/* Better spacing for headings with anchors */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  position: relative;
}

/* Better mobile experience */
@media screen and (max-width: 76.234375em) {
  .md-nav--primary .md-nav__item--active > .md-nav__link {
    color: var(--md-accent-fg-color);
  }
}

/* Improve code annotation styling */
.md-typeset .md-annotation {
  border-radius: 4px;
}

/* Better tab styling */
.md-typeset .tabbed-set {
  border-radius: 6px;
  overflow: hidden;
}

/* Custom badge styling */
.badge {
  display: inline-block;
  padding: 0.25em 0.6em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.375rem;
  background-color: var(--md-accent-fg-color);
  color: var(--md-accent-bg-color);
}