/* Fix for Quarto's built-in Mermaid rendering in reveal.js */

/* Force proper SVG text rendering */
.reveal svg.mermaid-js text {
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
  fill: #000000 !important;
  font-weight: normal !important;
}

/* Ensure text elements are visible and properly positioned */
.reveal svg.mermaid-js .nodeLabel,
.reveal svg.mermaid-js .edgeLabel {
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
}

/* Fix for foreignObject elements that might contain text */
.reveal svg.mermaid-js foreignObject {
  overflow: visible !important;
  font-family: Arial, sans-serif !important;
}

.reveal svg.mermaid-js foreignObject div {
  font-family: Arial, sans-serif !important;
  font-size: 16px !important;
  color: #000000 !important;
}

/* Ensure labels are visible */
.reveal svg.mermaid-js .label {
  font-family: Arial, sans-serif !important;
  color: #000000 !important;
}

/* Override any transform or positioning issues */
.reveal svg.mermaid-js g.label {
  font-family: Arial, sans-serif !important;
}