/* ASQL Documentation Styles - MkDocs Material Theme */

/* Override Material theme colors to use blue */
:root {
    --md-primary-fg-color: #306bea;
    --md-primary-fg-color--light: #5a8bef;
    --md-primary-fg-color--dark: #2255c4;
    --md-accent-fg-color: #306bea;
}

[data-md-color-scheme="default"] {
    --md-primary-fg-color: #306bea;
    --md-accent-fg-color: #306bea;
}

[data-md-color-scheme="slate"] {
    --md-primary-fg-color: #306bea;
    --md-accent-fg-color: #306bea;
}

/* Header styling */
.md-header {
    background-color: #306bea !important;
}

/* Inline code color */
.md-typeset code {
    color: #306bea;
}

.md-typeset a code {
    color: #306bea;
}

/* Links */
.md-typeset a {
    color: #306bea;
}

.md-typeset a:hover {
    color: #2255c4;
}

/* Table of contents - right sidebar */
.md-sidebar--secondary .md-nav__link {
    color: #333 !important;
}

.md-sidebar--secondary .md-nav__link:hover {
    color: #306bea !important;
}

.md-sidebar--secondary .md-nav__link--active {
    color: #306bea !important;
}

/* Navigation sidebar - left */
.md-nav__link {
    color: #333;
}

.md-nav__link:hover {
    color: #306bea;
}

.md-nav__item--active > .md-nav__link {
    color: #306bea;
    font-weight: 600;
}

/* Code blocks - light GitHub theme */
.md-typeset pre > code,
.md-typeset .highlight pre,
.md-typeset .highlight code,
.highlight pre,
pre code {
    background: #f6f8fa !important;
    color: #24292e !important;
}

.md-typeset code {
    background: #f6f8fa;
}

/* Ensure syntax highlighting colors work on light background */
.highlight .hljs {
    background: #f6f8fa !important;
}

/* Copy button visibility on light background */
.md-typeset .highlight .md-clipboard,
.md-clipboard {
    color: #666 !important;
}

.md-typeset .highlight .md-clipboard:hover,
.md-clipboard:hover {
    color: #306bea !important;
}

/* Admonitions */
.md-typeset .admonition.warning,
.md-typeset details.warning {
    border-color: #ffc107;
}

.md-typeset .warning > .admonition-title,
.md-typeset .warning > summary {
    background-color: rgba(255, 193, 7, 0.1);
}

/* Tab styling */
.md-typeset .tabbed-labels > label {
    color: #666;
}

.md-typeset .tabbed-labels > label:hover {
    color: #306bea;
}

.md-typeset .tabbed-set > input:checked + label {
    color: #306bea;
    border-color: #306bea;
}

/* Playground button in header */
.playground-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.15);
    color: white !important;
    border-radius: 4px;
    font-weight: 500;
    font-size: 13px;
    text-decoration: none !important;
    margin-left: 24px;
    transition: all 0.2s;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.playground-btn:hover {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
}

.playground-btn svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
}