/* AKM SDK Documentation - Custom Styles */

/* Code blocks */
.code-block pre {
    margin: 0;
    padding: 1rem;
    overflow-x: auto;
}

.code-block code {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.875rem;
    line-height: 1.5;
}

/* Highlight.js theme adjustments */
.hljs {
    background: #1a1a1a !important;
    padding: 1rem !important;
}

[data-theme="light"] .hljs {
    background: #f8f8f8 !important;
}

/* Copy button states */
.copy-btn.copied svg {
    color: #22c55e;
}

/* Table styling */
table {
    border-collapse: collapse;
}

table th,
table td {
    text-align: left;
}

/* Prose adjustments */
.prose code {
    font-size: 0.875em;
}

.prose pre {
    margin-top: 0;
    margin-bottom: 0;
}

/* Sidebar hover effects */
aside nav a {
    transition: all 0.15s ease;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

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

::-webkit-scrollbar-thumb:hover {
    background: #737373;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: #d4d4d4;
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
    background: #a3a3a3;
}

/* Mobile sidebar */
#mobile-sidebar aside {
    display: flex !important;
    width: 100%;
    height: 100%;
}

/* Animation for theme toggle */
#theme-toggle svg {
    transition: transform 0.3s ease;
}

#theme-toggle:hover svg {
    transform: rotate(15deg);
}

/* Link hover effects in content */
.prose a:hover {
    color: #FF6915;
}

/* Alert boxes */
.alert-warning {
    background-color: #FFF7ED;
    border-left: 4px solid #FF6915;
}

[data-theme="dark"] .alert-warning {
    background-color: #3D2A1A;
}

.alert-info {
    background-color: #EFF6FF;
    border-left: 4px solid #3B82F6;
}

[data-theme="dark"] .alert-info {
    background-color: #1a2744;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .code-block pre {
        font-size: 0.75rem;
    }

    table {
        font-size: 0.75rem;
    }
}