/* Custom CSS for Hugo Cleanwhite Theme */
/* Change site title color from white to navy blue */
.navbar-custom .navbar-brand {
    color: #FFFFFF !important;
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #FFFFFF !important;
}

/* For fixed navbar state */
.navbar-custom.is-fixed .navbar-brand {
    color: #FFFFFF !important;
}

.navbar-custom.is-fixed .navbar-brand:hover,
.navbar-custom.is-fixed .navbar-brand:focus {
    color: #FFFFFF !important;
}

/* For inverted navbar state */
.navbar-custom.invert .navbar-brand {
    color: #FFFFFF !important;
}

.navbar-custom.invert .navbar-brand:hover,
.navbar-custom.invert .navbar-brand:focus {
    color: #FFFFFF !important;
}

/* Inline Comment Styling */
.inline-comment-marker {
    display: inline;
}

.comment-ref {
    color: #e74c3c;
    font-weight: bold;
    cursor: pointer;
    margin: 0 2px;
    padding: 1px 4px;
    background-color: #f8f9fa;
    border-radius: 3px;
    border: 1px solid #e9ecef;
    transition: all 0.2s ease;
}

.comment-ref:hover {
    background-color: #e74c3c;
    color: white;
    text-decoration: none;
}

/* Sidebar Notes Styling */
.sidebar-notes {
    margin-bottom: 20px;
}

.sidebar-notes h5 {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 15px;
}

.notes-list {
    max-height: 400px;
    overflow-y: auto;
    position: relative;
}

.note-item {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #f8f9fa;
    border-radius: 5px;
    border-left: 3px solid #e74c3c;
    transition: top 0.3s ease;
}

.note-item .note-ref {
    font-size: 0.8em;
    color: #e74c3c;
    font-weight: bold;
    margin-bottom: 5px;
    background: none;
    border: none;
    padding: 0;
}

.note-item .note-text {
    font-size: 0.9em;
    line-height: 1.4;
    color: #2c3e50;
}

.note-item .note-text p {
    margin: 0;
}

/* Highlight note when referenced */
.note-item.highlighted {
    background-color: #fff3cd;
    border-left-color: #ffc107;
}

/* Ensure sidebar container has proper positioning context */
.sidebar-container {
    position: relative;
}

/* Sidebar Table of Contents */
.sidebar-toc {
    margin-bottom: 20px;
}

.sidebar-toc h5 {
    color: #2c3e50;
    font-weight: 600;
    margin-bottom: 10px;
}

.toc-body {
    font-size: 0.95em;
    line-height: 1.4;
    color: #2c3e50;
}

.toc-body ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.toc-body li {
    margin: 4px 0;
}

/* Nested list indentation */
.toc-body ul ul {
    padding-left: 18px;
    margin-top: 4px;
}

.toc-body ul ul li {
    margin: 3px 0;
    font-size: 0.9em;
}

.toc-body ul ul li::before {
    content: "- ";
    color: #6c757d;
    margin-right: 4px;
}

.toc-body ul ul ul li {
    font-size: 0.85em;
}

.toc-body a {
    color: #007bff;
    text-decoration: none;
}

.toc-body a:hover {
    text-decoration: underline;
    color: #0056b3;
}

/* Horizontal Rule Styling */
hr {
    border: 0;
    border-top: 1px solid #000000; /* Dark gray to match text color */
    margin: 1.5em 0; /* Standard margin for separation */
    width: 100%; /* Full width */
}

/* Optional: Style for hr.small if used in the theme */
hr.small {
    max-width: 100px;
    border-top: 1px solid #000000; /* Same color as regular hr */
    margin: 1em auto; /* Center it with auto margins */
}