/**
 * Volume By Year - CSS Styles
 * Updated to support 5-year period grouping
 */

.archive_by_year {
    margin-bottom: 15px;
}

.archive_by_year .title {
    display: block;
    font-weight: bold;
    padding: 10px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.archive_by_year .content {
    padding: 10px;
}

/* Period Toggle (5-year groups) */
.toggle_archive.period_toggle {
    cursor: pointer;
    padding: 10px 12px;
    background-color: #e9ecef;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    margin-bottom: 5px;
    transition: background-color 0.2s ease;
}

.toggle_archive.period_toggle:hover {
    background-color: #dee2e6;
}

.toggle_archive.period_toggle strong {
    color: #495057;
}

/* Year Toggle within periods */
.toggle_archive.year_toggle {
    cursor: pointer;
    padding: 8px 10px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    margin: 3px 0;
    transition: background-color 0.2s ease;
}

.toggle_archive.year_toggle:hover {
    background-color: #e9ecef;
}

/* Legacy toggle styling */
.toggle_archive:not(.period_toggle):not(.year_toggle) {
    cursor: pointer;
    padding: 8px 10px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    margin: 3px 0;
    transition: background-color 0.2s ease;
}

.toggle_archive:not(.period_toggle):not(.year_toggle):hover {
    background-color: #e9ecef;
}

/* Period collapse container */
.period_collapse {
    padding-left: 10px;
    border-left: 2px solid #dee2e6;
    margin-left: 5px;
    margin-bottom: 10px;
}

/* Year collapse container */
.year_collapse {
    padding-left: 5px;
    margin-bottom: 5px;
}

/* Issue list items */
.issue_list {
    padding: 5px 10px;
    border-bottom: 1px dotted #eee;
}

.issue_list:last-child {
    border-bottom: none;
}

.issue_list a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.2s ease;
}

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

.issue_list i.fa-book {
    margin-right: 5px;
    color: #6c757d;
}

/* Icon styles */
.icon-down:before {
    content: '\e800';
}

.icon-up:before {
    content: '\e801';
}

/* Collapse animation */
.collapse {
    overflow: hidden;
}