/* ============================================================
   Téléchargements — boutons disponibles / indisponibles
   État appliqué par site/docs/javascripts/downloads-manifest.js
   ============================================================ */

.md-button.is-available {
  background-color: #2e7d32;
  border-color: #2e7d32;
  color: #fff;
}

.md-button.is-available:hover,
.md-button.is-available:focus {
  background-color: #1b5e20;
  border-color: #1b5e20;
  color: #fff;
}

.md-button.is-unavailable {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26);
  color: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.7;
}

[data-md-color-scheme="slate"] .md-button.is-unavailable {
  border-color: rgba(255, 255, 255, 0.26);
  color: rgba(255, 255, 255, 0.38);
}

.download-meta {
  display: block;
  margin-top: 0.35em;
  font-size: 0.78em;
  color: var(--md-default-fg-color--light, rgba(0, 0, 0, 0.6));
  line-height: 1.4;
}

.downloads-commands {
  margin-top: 0.4em;
  font-size: 0.78em;
}

.downloads-commands > summary {
  cursor: pointer;
  color: var(--md-default-fg-color--light, rgba(0, 0, 0, 0.6));
}

.downloads-commands-label {
  margin: 0.6em 0 0.2em;
  font-weight: 600;
  font-size: 0.92em;
}

.downloads-commands-pre {
  position: relative;
  margin: 0 0 0.4em;
}

.downloads-commands-pre pre {
  margin: 0;
  overflow-x: auto;
}

.downloads-commands-pre pre code {
  font-size: 0.82em;
  white-space: pre;
}

.downloads-commands-copy {
  position: absolute;
  top: 0.35em;
  right: 0.35em;
  padding: 0.15em 0.55em;
  font-size: 0.78em;
  line-height: 1.2;
  background: var(--md-default-bg-color, #fff);
  color: var(--md-default-fg-color, #000);
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  cursor: pointer;
  opacity: 0.75;
}

.downloads-commands-copy:hover,
.downloads-commands-copy:focus {
  opacity: 1;
}

.downloads-commands-copy.is-copied {
  background: #2e7d32;
  color: #fff;
  border-color: #2e7d32;
  opacity: 1;
}

[data-md-color-scheme="slate"] .downloads-commands-copy {
  border-color: rgba(255, 255, 255, 0.26);
}


/* ============================================================
   Dark Mode — Mermaid Diagram Overrides
   ============================================================ */

/* Edge labels: readable text on dark backgrounds */
[data-md-color-scheme="slate"] .md-content .mermaid .edgeLabel {
  background-color: #1e293b;
  color: #e2e8f0;
}

[data-md-color-scheme="slate"] .md-content .mermaid .edgeLabel p {
  color: #e2e8f0;
}

/* Arrow/line colors — brighter for dark backgrounds */
[data-md-color-scheme="slate"] .md-content .mermaid .flowchart-link {
  stroke: #90a4ae;
}

[data-md-color-scheme="slate"] .md-content .mermaid marker path,
[data-md-color-scheme="slate"] .md-content .mermaid marker polygon {
  fill: #90a4ae;
}

/* Cluster/subgraph labels */
[data-md-color-scheme="slate"] .md-content .mermaid .cluster-label .nodeLabel {
  color: #e2e8f0;
}


/* ============================================================
   Comentario — widget de commentaires
   ============================================================ */
.zn-comentario {
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--md-default-fg-color--lightest, rgba(0, 0, 0, 0.12));
}

.zn-comentario__title {
  font-size: 1.4rem;
  font-weight: 700;
  margin: 0 0 1rem;
}

.zn-comentario__notice {
  font-size: 0.7rem;
  opacity: 0.7;
  margin-top: 1rem;
}

/* Masque la section tant que le custom element Comentario n'est pas défini
   (script en erreur réseau, CSP, etc.) pour éviter un titre orphelin. */
.zn-comentario:has(comentario-comments:not(:defined)) {
  display: none;
}