/* Custom CSS for MkDocs Material Theme */

/* Improve readability */
.md-typeset {
    font-size: 0.9rem;
    line-height: 1.6;
}

/* Custom styling for admonitions */
.md-typeset .admonition {
    margin: 1.5625em 0;
    border-radius: 0.2rem;
}

/* Code block improvements */
.md-typeset code {
    padding: 0.2em 0.4em;
    border-radius: 0.2rem;
}

.md-typeset pre > code {
    padding: 1em;
}

/* Table improvements */
.md-typeset table:not([class]) {
    display: table;
    width: 100%;
    border-collapse: collapse;
    margin: 1em 0;
}

.md-typeset table:not([class]) th {
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color);
    font-weight: 700;
    padding: 0.8em 1em;
}

.md-typeset table:not([class]) td {
    padding: 0.6em 1em;
    border-bottom: 0.05rem solid var(--md-default-fg-color--lightest);
}

/* Badge styles */
.md-typeset img[alt*="badge"] {
    margin: 0.2em;
    display: inline-block;
}

/* Connect buttons styling */
.connect-buttons {
    margin: 1em 0;
}

.connect-buttons a {
    text-decoration: none;
    margin-right: 1em;
}

/* Progress tracker improvements */
.md-typeset .task-list-item {
    list-style-type: none;
}

.md-typeset .task-list-control {
    margin-right: 0.5em;
}

/* Math formula improvements */
.md-typeset .arithmatex {
    margin: 1em 0;
}

/* Highlighting for important formulas */
.md-typeset .admonition.abstract {
    border-left-color: #68b4e8;
}

/* Custom heading anchors */
.md-typeset h2 {
    margin-top: 2em;
    border-bottom: 1px solid var(--md-default-fg-color--lightest);
    padding-bottom: 0.3em;
}

/* Improve spacing for nested lists */
.md-typeset ul ul,
.md-typeset ol ul,
.md-typeset ul ol,
.md-typeset ol ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* Footer improvements */
.md-footer-meta {
    background-color: var(--md-footer-bg-color--dark);
}

/* Search box styling */
.md-search__input {
    border-radius: 0.2rem;
}

/* Navigation improvements */
.md-nav__item--active > .md-nav__link {
    font-weight: 700;
}

/* Responsive improvements */
@media screen and (max-width: 76.1875em) {
    .md-typeset {
        font-size: 0.85rem;
    }
}

/* Dark mode specific adjustments */
[data-md-color-scheme="slate"] {
    --md-code-bg-color: #1e1e1e;
    --md-code-fg-color: #d4d4d4;
}

/* Custom info boxes */
.md-typeset .info-box {
    background-color: var(--md-primary-fg-color--light);
    border-left: 4px solid var(--md-primary-fg-color);
    padding: 1em;
    margin: 1em 0;
    border-radius: 0.2rem;
}

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