/* RQF-ML Documentation Custom Styles */

/* Color scheme adjustments */
:root {
  --md-primary-fg-color: #7c4dff;
  --md-accent-fg-color: #ffab00;
}

/* Custom admonition for trading signals */
.md-typeset .admonition.signal,
.md-typeset details.signal {
  border-color: #00e676;
}
.md-typeset .signal > .admonition-title,
.md-typeset .signal > summary {
  background-color: rgba(0, 230, 118, 0.1);
}
.md-typeset .signal > .admonition-title::before,
.md-typeset .signal > summary::before {
  background-color: #00e676;
  -webkit-mask-image: var(--md-admonition-icon--tip);
          mask-image: var(--md-admonition-icon--tip);
}

/* Code block improvements */
.md-typeset pre > code {
  font-size: 0.85em;
}

/* Trading-specific colors */
.green { color: #00e676 !important; }
.red { color: #ff5252 !important; }
.yellow { color: #ffab00 !important; }
.blue { color: #448aff !important; }

/* Status icons */
.md-typeset .check-circle { color: #00e676; }
.md-typeset .pause-circle { color: #ffab00; }
.md-typeset .flask { color: #448aff; }

/* Grid card improvements */
.md-typeset .grid.cards > ul > li {
  border-radius: 8px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.md-typeset .grid.cards > ul > li:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Table improvements */
.md-typeset table:not([class]) th {
  background-color: var(--md-primary-fg-color);
  color: white;
}

/* Mermaid diagram styling */
.mermaid {
  text-align: center;
  margin: 1em 0;
}

/* ASCII art / diagram blocks */
.md-typeset pre:has(code:not([class*="language-"])) {
  background-color: var(--md-code-bg-color);
  font-family: 'JetBrains Mono', monospace;
  line-height: 1.4;
}

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

/* Footer hide "Made with Material" */
.md-footer-meta__inner {
  display: flex;
  justify-content: center;
}

/* Hero section styling */
.md-typeset h1 {
  font-weight: 700;
}

/* Responsive adjustments */
@media screen and (max-width: 76.1875em) {
  .md-typeset .grid.cards > ul {
    grid-template-columns: 1fr;
  }
}