/* Custom styles for Continuum MAAAS Documentation */

/* Mermaid diagram styling */
.mermaid {
    background: transparent !important;
    margin: 1rem 0;
}

/* Custom code block styling */
.highlight .mermaid {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Diagram container styling */
.mermaid-container {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1rem;
    margin: 1rem 0;
}

/* Custom admonition styling */
.md-typeset .admonition {
    border-left: 4px solid #6366f1;
}

.md-typeset .admonition.info {
    border-left-color: #06b6d4;
}

.md-typeset .admonition.warning {
    border-left-color: #f59e0b;
}

.md-typeset .admonition.danger {
    border-left-color: #ef4444;
}

.md-typeset .admonition.success {
    border-left-color: #10b981;
}

/* Custom table styling */
.md-typeset table:not([class]) {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.md-typeset table:not([class]) th {
    background: #f8fafc;
    font-weight: 600;
    color: #1e293b;
}

.md-typeset table:not([class]) td {
    border-top: 1px solid #e2e8f0;
}

/* Custom header styling */
.md-header {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
}

/* Navigation styling */
.md-nav__item--nested > .md-nav__link {
    font-weight: 500;
}

/* Content styling improvements */
.md-content__inner {
    max-width: 1000px;
}

/* Custom button styling */
.md-button {
    border-radius: 6px;
    font-weight: 500;
}

/* Search styling */
.md-search__form {
    border-radius: 6px;
}

/* Footer styling */
.md-footer {
    background: #1e293b;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Responsive improvements */
@media screen and (max-width: 76.1875em) {
    .md-nav--primary .md-nav__title {
        background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    }
}

/* Print styles */
@media print {
    .mermaid {
        background: white !important;
        border: 1px solid #e2e8f0 !important;
    }
}