/* Custom CSS for HTM Documentation */

/* Code blocks - enhance readability */
.highlight pre {
  border-left: 3px solid var(--md-primary-fg-color);
  padding-left: 1em;
}

/* Admonitions - adjust spacing */
.admonition {
  margin: 1.5em 0;
}

/* Tables - improve mobile responsiveness */
.md-typeset table:not([class]) {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

/* Code inline - subtle background */
.md-typeset code {
  background-color: var(--md-code-bg-color);
  padding: 0.1em 0.3em;
}

/* Navigation improvements */
.md-nav__item--active > .md-nav__link {
  font-weight: 600;
}

/* Search results */
.md-search-result__article {
  padding: 0.5rem 0.8rem;
}

/* Improve link visibility in dark mode */
[data-md-color-scheme="slate"] a {
  text-decoration-color: var(--md-accent-fg-color);
}

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

/* Architecture decision badges */
.adr-status {
  display: inline-block;
  padding: 0.2em 0.6em;
  border-radius: 0.3em;
  font-size: 0.85em;
  font-weight: 600;
  margin-left: 0.5em;
}

.adr-status.accepted {
  background-color: #28a745;
  color: white;
}

.adr-status.rejected {
  background-color: #dc3545;
  color: white;
}

.adr-status.superseded {
  background-color: #6c757d;
  color: white;
}

/* Improve code block title visibility */
.md-typeset .highlight .filename {
  background-color: var(--md-code-bg-color);
  color: var(--md-primary-fg-color);
  padding: 0.5em 1em;
  font-weight: 600;
  border-radius: 0.2em 0.2em 0 0;
}