/* docs/stylesheets/custom.css */
body {
    font-family: "Inter", sans-serif;
}

html {
    scroll-behavior: smooth;
}

/* Hide default MkDocs header */
.md-header {
    display: none !important;
}

pre code span.string { 
    color: #00c853 !important; /* Green color for strings */
}

/* Adjust main content spacing */
/* .md-main {
    margin-top: 80px;
}

.md-main__inner {
    margin-top: 80px;
} */

/* #mainHeader{
    height:80px;
} */

/* Pattern styles from your website */
.pattern-container {
    filter: invert(1);
    flex: 0 0 auto;
    height: 50%;
    left: 0;
    mask: radial-gradient(
        55.5224% 93% at 50% 50%,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0) 74.2106%
    );
    opacity: 0.4;
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 0;
}

.pattern-overlay {
    position: absolute;
    border-radius: inherit;
    inset: 0px;
    background-size: 24px;
    background-image: url('/static/images/pattern.webp');
    border: 0px;
    background-repeat: repeat;
    background-position: center top;
}

/* Adjust sidebar positioning */
.md-sidebar {
    top: 80px; /* Matches your navbar height */
    overflow-y: auto;
    height: calc(100vh - 71px); /* Full height minus navbar height */
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For IE and Edge */
    transition:none !important;
}

.md-sidebar::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}

@media screen and (max-width: 76.1875em) {
    .md-nav--primary .md-nav__title[for=__drawer] {
        top: 71px;
    }
}

@media screen and (max-width: 1024px) {
    .pattern-container {
        mask: radial-gradient(
            55.5224% 93% at 50% 50%,
            rgba(0, 0, 0, 0.5) 0%,
            rgba(0, 0, 0, 0) 74.2106%
        );
        left: -10rem;
        opacity: 0.4;
        position: absolute;
        top: 20%;
    }
}

.wy-grid-for-nav {
    position: relative;
    z-index: 10;
}

/* Adjust the documentation content wrapper */
.wy-nav-content-wrap {
    background: #fcfcfc;
    min-height: calc(100vh - 60px); /* Subtract navbar height */
}

/* Ensure proper sidebar positioning */
.wy-side-scroll {
    width: 100%;
    height: calc(100vh - 60px); /* Subtract navbar height */
    overflow-y: auto;
}

/* Fix any potential overlap issues with search box */
.wy-side-nav-search {
    z-index: 10;
}

/* Ensure proper z-index stacking */
.rst-versions {
    z-index: 100;
}

/* Override a:visited color */
a:visited {
    color: inherit !important;
}

/* Disable horizontal scrolling and adjust code block display */
div.highlight pre {
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    overflow-x: visible !important;
    max-width: none;
}

/* Optional: Adjust font-size or margins for readability */
div.highlight pre code {
    font-size: 14px;
    line-height: 1.5;
}