/* Custom styling for PEBL function reference */

/* PEBL branding colors */
:root {
    --pebl-blue: #2c5aa0;
    --pebl-light-blue: #4a7bc8;
}

/* Add link back to main documentation at top */
.sphinxsidebar {
    background-color: #f9f9f9;
}

/* Style the "PEBL Documentation" link in sidebar */
.sphinxsidebarwrapper li a[href*="documentation.html"] {
    background-color: var(--pebl-blue);
    color: white !important;
    padding: 8px 12px;
    border-radius: 4px;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.sphinxsidebarwrapper li a[href*="documentation.html"]:hover {
    background-color: var(--pebl-light-blue);
}

/* Style function headings with grey background */
section[id] > h2 {
    background-color: #f0f0f0;
    padding: 10px 15px;
    margin-top: 30px;
    margin-bottom: 15px;
    border-left: 4px solid #666;
    border-radius: 3px;
}

/* Add subtle shadow for depth */
section[id] > h2:hover {
    background-color: #e8e8e8;
    transition: background-color 0.2s ease;
}

/* Add horizontal rule between functions - using border on section */
section[id] {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    margin-bottom: 40px;
}

/* Don't add border to the first section */
section[id]:first-of-type {
    border-top: none;
}

/* Style the brief description in italics with left border */
section[id] > p > em {
    display: block;
    color: #555;
    font-size: 1.05em;
    margin-bottom: 10px;
    padding-left: 10px;
    border-left: 3px solid #aaa;
    font-style: italic;
}

/* Style code blocks with better contrast */
.highlight {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 10px 0;
}

/* Style description sections */
strong {
    color: #333;
}

/* Better spacing between major heading sections */
section > h1 {
    border-bottom: 3px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

/* Note and warning boxes for pending/investigate functions */
.admonition.note,
.admonition.warning {
    margin-top: 10px;
    margin-bottom: 15px;
}