/**
 * SweatStack Custom Styles
 *
 * Theme colors are configured in mkdocs.yml:
 *   primary: black
 *   accent: red
 */

/* Force primary buttons to use accent color */
.md-button--primary {
    background-color: var(--md-accent-fg-color) !important;
    border-color: var(--md-accent-fg-color) !important;
    color: var(--md-accent-bg-color) !important;
}

.md-button--primary:hover {
    background-color: var(--md-accent-fg-color) !important;
    border-color: var(--md-accent-fg-color) !important;
    opacity: 0.9;
}

.md-header__login {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  
  .md-header__login .md-button {
    margin: 0;
    padding: 0.4rem 0.8rem;
    color: var(--md-accent-bg-color);
    background-color: var(--md-accent-fg-color);
    border-radius: 0.2rem;
    font-size: 0.7rem;
    text-transform: uppercase;
    font-weight: 700;
    transition: background-color 0.25s, color 0.25s;
  }
  
  .md-header__login .md-button:hover {
    background-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color);
  }
  
  /* Always show login button */
  .md-header__login {
    display: block;
  }

/* Reduce top padding on homepage */
.md-content__inner {
    padding-top: 0 !important;
}

/* Hero title with JetBrains Mono */
.hero-mono {
    font-family: "JetBrains Mono", monospace;
    color: black !important;
}

/* Blinking cursor */
.blink-cursor {
    animation: blink 1.0s infinite;
}

@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* Custom FAQ admonition - grayscale with info icon */
:root {
  --md-admonition-icon--faq: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 18h2v-2h-2v2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4z"/></svg>')
}
.md-typeset .admonition.faq,
.md-typeset details.faq {
  border-color: rgb(255, 25, 71);
}
.md-typeset .faq > .admonition-title,
.md-typeset .faq > summary {
  background-color: rgba(255, 255, 255, 0.01);
}
.md-typeset .faq > .admonition-title::before,
.md-typeset .faq > summary::before {
  background-color: rgb(255, 25, 71);
  -webkit-mask-image: var(--md-admonition-icon--faq);
          mask-image: var(--md-admonition-icon--faq);
}


.md-button--accent {
  color: var(--md-accent-fg-color) !important;
  border-color: var(--md-accent-fg-color) !important;
}
.md-button--accent:hover {
  color: var(--md-accent-bg-color) !important;
  border-color: var(--md-accent-fg-color) !important;
}