/* Configuration Chooser Styles */

.config-chooser {
  background: var(--md-code-bg-color);
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
  border: 1px solid var(--md-default-fg-color--lightest);
}

.config-chooser fieldset {
  border: none;
  padding: 0;
  margin: 0 0 1rem 0;
}

.config-chooser fieldset:last-child {
  margin-bottom: 0;
}

.config-chooser legend {
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: var(--md-default-fg-color);
}

.config-chooser label {
  display: inline-flex;
  align-items: center;
  margin-right: 1.5rem;
  cursor: pointer;
  padding: 0.25rem 0;
}

.config-chooser input[type="radio"] {
  margin-right: 0.5rem;
  cursor: pointer;
}

.config-chooser .recommended {
  color: var(--md-primary-fg-color);
  font-size: 0.85em;
  margin-left: 0.25rem;
  font-style: italic;
}

/* Labels with provider summaries need to stack vertically */
.config-chooser label:has(.provider-summary) {
  display: block;
  margin-right: 0;
  margin-bottom: 0.75rem;
}

.config-chooser .provider-summary {
  display: block;
  font-size: 0.8em;
  color: var(--md-default-fg-color--light);
  margin-left: 1.5rem;
  margin-top: 0.1rem;
}

/* Responsive: stack labels on small screens */
@media screen and (max-width: 600px) {
  .config-chooser label {
    display: flex;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}

/* Override MkDocs Material's inactive TOC styling for consistent appearance */
/* This prevents the random grey state when dynamically showing/hiding TOC items */
.md-sidebar .md-nav__link {
  color: var(--md-default-fg-color--light);
  transition: color 0.1s;
}

.md-sidebar .md-nav__link:hover,
.md-sidebar .md-nav__link--active {
  color: var(--md-default-fg-color);
}