.archive_by_year .toggle_archive { 
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px 0 5px 0;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 10px;
    text-shadow: 1px 1px #e6e4e4;
    cursor: pointer !important;
    user-select: none;
    display: block;
}

.archive_by_year .toggle_archive:hover {
    background-color: #f9f9f9;
}

.archive_by_year .toggle-icon {
    transition: transform 0.3s ease;
    display: inline-block;
    width: 20px;
    text-align: center;
    cursor: pointer !important;
    pointer-events: auto;
}

.archive_by_year .year-item {
    margin-bottom: 5px;
    cursor: pointer;
}

.archive_by_year .issue_list { 
    display: block; 
    padding-left: 30px; 
    margin: 8px 0px;
    cursor: default;
}

.archive_by_year .collapse { 
    margin-bottom: 15px;
    overflow: hidden;
}

.archive_by_year .issue_list:last-child { 
    margin-bottom: 10px;
}

/* Make sure icons are visible and clickable */
.archive_by_year .icon-plus:before {
    content: '+';
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
}

.archive_by_year .icon-minus:before {
    content: '−';
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
}

/* Ensure proper spacing */
.archive_by_year .content {
    padding-top: 10px;
}

/* Show more button styling */
.archive_by_year .show-more-years {
    transition: all 0.3s ease;
    font-size: 14px;
    font-weight: 500;
}

.archive_by_year .show-more-years:hover {
    background-color: #e0e0e0 !important;
    border-color: #ccc !important;
}

.archive_by_year .show-more-years i {
    margin-right: 5px;
}

/* Ensure clickability */
.archive_by_year * {
    pointer-events: auto;
}

.archive_by_year .issue_list a {
    pointer-events: auto;
    cursor: pointer;
}