/* Custom CSS for portfolio-lib documentation */

/* Improve code block styling */
.highlight {
    border-radius: 5px;
    padding: 1em;
    margin: 1em 0;
}

/* Better table styling */
table.docutils {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin: 1em 0;
}

table.docutils th,
table.docutils td {
    border: 1px solid #ddd;
    padding: 8px 12px;
    text-align: left;
}

table.docutils th {
    background-color: #f2f2f2;
    font-weight: bold;
}

table.docutils tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Math formula styling */
.math {
    font-size: 1.1em;
    margin: 0.5em 0;
}

/* Note and warning admonitions */
.admonition {
    margin: 1em 0;
    padding: 0.5em 1em;
    border-left: 4px solid #ccc;
    border-radius: 3px;
}

.admonition.note {
    border-left-color: #3498db;
    background-color: #ebf3fd;
}

.admonition.warning {
    border-left-color: #f39c12;
    background-color: #fef5e7;
}

.admonition.tip {
    border-left-color: #27ae60;
    background-color: #e8f5e8;
}

/* Code example styling */
.code-example {
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    padding: 1em;
    margin: 1em 0;
}

.code-example .highlight {
    margin: 0;
    border-radius: 3px;
}

/* Figure captions */
.figure {
    text-align: center;
    margin: 1.5em 0;
}

.figure .caption {
    font-style: italic;
    margin-top: 0.5em;
    color: #666;
}

/* Navigation improvements */
.wy-nav-content {
    max-width: 1200px;
}

/* Code highlighting improvements */
.highlight .c1,
.highlight .cm {
    color: #6a737d;
    font-style: italic;
}

.highlight .k,
.highlight .kn {
    color: #d73a49;
    font-weight: bold;
}

.highlight .s,
.highlight .s1,
.highlight .s2 {
    color: #032f62;
}

.highlight .nb {
    color: #005cc5;
}

/* Make inline code more visible */
code.literal {
    background-color: #f6f8fa;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 0.9em;
}

/* Section header improvements */
h1, h2, h3, h4, h5, h6 {
    color: #2c3e50;
}

/* Link styling */
a {
    color: #3498db;
    text-decoration: none;
}

a:hover {
    color: #2980b9;
    text-decoration: underline;
}

/* Responsive images */
img {
    max-width: 100%;
    height: auto;
}

/* Search box styling */
.wy-side-nav-search {
    background-color: #2980b9;
}

/* Sidebar styling */
.wy-nav-side {
    background: #343131;
}

/* Content area padding */
.wy-nav-content-wrap {
    margin-left: 300px;
}

@media screen and (max-width: 768px) {
    .wy-nav-content-wrap {
        margin-left: 0;
    }
}