/* Base layout */
.wy-nav-content {
    max-width: 1200px !important;
    margin: 0 auto;
    background: #ffffff;
    padding: 2rem 3rem;
}

/* Clean navigation */
.wy-nav-side {
    background: #ffffff !important;
    border-right: 1px solid #eaecef;
}

.wy-side-nav-search {
    background: #ffffff !important;
    padding: 1.5rem 1rem !important;
    border-bottom: 1px solid #eaecef;
}

.wy-side-nav-search .logo {
    width: auto !important;
    height: 40px !important;
    margin-bottom: 1rem;
}

.wy-side-nav-search input[type="text"] {
    border: 1px solid #e1e4e8;
    box-shadow: none;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    background: #ffffff;
}

/* Typography */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    color: #24292e;
    line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    color: #1a1a1a;
    margin: 1.5em 0 0.8em;
    letter-spacing: -0.01em;
}

h1 {
    font-size: 2.2em;
    border-bottom: none;
    padding-bottom: 0.3em;
}

/* Links */
a {
    color: #0366d6;
    text-decoration: none;
}

a:hover {
    color: #0246a2;
    text-decoration: underline;
}

/* Navigation menu */
.wy-menu-vertical li.current {
    background: #f8f9fa !important;
}

.wy-menu-vertical li.current > a {
    background: #f8f9fa !important;
    color: #0366d6 !important;  /* Highlight color for current page */
    border-left: 3px solid #0366d6;
    font-weight: 600;
}

.wy-menu-vertical li.toctree-l1.current > a {
    border-bottom: none;
    border-top: none;
}

/* Fix light gray reference internal links */
.wy-menu-vertical li a.reference.internal {
    color: #2c3e50 !important;  /* Darker, more visible color */
    font-weight: 500;
}

.wy-menu-vertical li.current > a.reference.internal {
    color: #0366d6 !important;  /* Highlight color for current page */
    font-weight: 600;
}

.wy-menu-vertical li a.reference.internal:hover {
    color: #0366d6 !important;
    background: #f1f4f8 !important;
}

/* Also fix reference internal links in the main content */
.rst-content a.reference.internal {
}

.rst-content a.reference.internal:hover {
}

/* Code blocks */
pre {
    background: #f6f8fa;
    border: 1px solid #eaecef;
    border-radius: 4px;
    padding: 1em;
    margin: 1em 0;
}

code {
    background: #f6f8fa;
    border: none;
    padding: 0.2em 0.4em;
    border-radius: 3px;
    font-size: 0.9em;
}

/* Tables */
table.docutils {
    border: 1px solid #eaecef;
    margin: 1em 0;
    border-collapse: collapse;
}

table.docutils td, table.docutils th {
    padding: 0.5em 1em;
    border: 1px solid #eaecef;
}

/* Footer */
footer {
    color: #6a737d;
    font-size: 0.9rem;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #eaecef;
}

footer p {
    font-size: 0.9rem !important;
}

/* Breadcrumbs */
.wy-breadcrumbs {
    font-size: 0.9em;
    color: #6a737d;
}

/* Remove RTD theme background colors */
.wy-nav-content-wrap {
    background: #ffffff;
}

/* Make content area more readable */
.rst-content {
    max-width: 900px;
}

/* Improve list spacing */
.rst-content .section ul li {
    margin-bottom: 0.5em;
}

/* Better button styling */
.btn {
    border: 1px solid #e1e4e8;
    background: #fafbfc;
    padding: 0.5em 1em;
    font-size: 0.9em;
    border-radius: 4px;
    box-shadow: none;
}

.btn:hover {
    background: #f3f4f6;
    border-color: #e1e4e8;
}

/* Make the menu scrollbar more subtle */
.wy-side-scroll {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e0 transparent;
}

.wy-side-scroll::-webkit-scrollbar {
    width: 6px;
}

.wy-side-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.wy-side-scroll::-webkit-scrollbar-thumb {
    background-color: #cbd5e0;
    border-radius: 3px;
}

/* Hide the home icon and text in navigation */
/*.wy-side-nav-search .icon {
   display: none;
}*/

/*.wy-side-nav-search a:not(.icon) {
    display: none !important;
}
*/
/* Keep only the logo visible */
.wy-side-nav-search .logo {
  /*  display: block !important;
    width: auto !important;
    height: 40px !important;
    margin: 0 auto !important;*/
} 
