/* Revert hue value to that of pre mkdocs-material v9.4.0 */
[data-md-color-scheme="slate"] {
  --md-hue: 230;
  --md-default-bg-color: hsla(230, 15%, 21%, 1);
}

.hide {
  display: none;
}

.text-center {
  text-align: center;
}

img.index-header {
  width: 70%;
  max-width: 500px;
}

.pydantic-pink {
  color: #FF007F;
}

.team-blue {
  color: #0072CE;
}

.secure-green {
  color: #00A86B;
}

.shapes-orange {
  color: #FF7F32;
}

.puzzle-purple {
  color: #652D90;
}

.wheel-gray {
  color: #6E6E6E;
}

.vertical-middle {
  vertical-align: middle;
}

.text-emphasis {
  font-size: 1rem;
  font-weight: 300;
  font-style: italic;
}

.filename a:hover {
  text-decoration: underline;
}

#version-notice {
  margin-bottom: 10px;
}

.mermaid {
  text-align: center;
}

/* Model comparison rating badges */
.rating-badge {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  text-align: center;
  border-radius: 4px;
  font-weight: bold;
  color: white;
}
.rating-5 { background-color: #FF007F; } /* Pydantic pink */
.rating-4 { background-color: #22c55e; } /* Green */
.rating-3 { background-color: #eab308; } /* Yellow */
.rating-2 { background-color: #f97316; } /* Orange */
.rating-1 { background-color: #ef4444; } /* Red */

/* Model card with two-column internal layout */
.model-card {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin: 1.5rem 0;
}

.model-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .model-details {
    grid-template-columns: 1fr;
  }
}

/* Performance ratings list with aligned badges */
.perf-list {
  list-style: disc;
  padding-left: 1.5rem;
  margin: 0.5rem 0;
}

.perf-list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.perf-list li span:first-child {
  min-width: 5.5rem;
}

.md-search__input::-webkit-search-decoration,
.md-search__input::-webkit-search-cancel-button,
.md-search__input::-webkit-search-results-button,
.md-search__input::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.md-search-result__article {
  padding-bottom: .55em;
}

.ais-SearchBox-form {
  display: flex;
  flex-direction: row;
  gap: 10px;
}

/* Copyable model shorthands */
code.shorthand-copyable {
  position: relative;
  transition: all 0.2s ease;
}

code.shorthand-copyable:hover {
  background-color: var(--md-accent-fg-color, #ff007f);
  color: white;
  padding: 0.05rem 0.1rem;
  border-radius: 0.1rem;
}

code.shorthand-copyable.copied {
  background-color: #22c55e;
  color: white;
  padding: 0.05rem 0.1rem;
  border-radius: 0.1rem;
}