/* Smooth accordion animations */
/* Override default jQuery slideToggle for smoother transitions */
.accordion-section-content {
    display: block !important;
    max-height: 0;
    overflow: hidden;
    padding: 0 20px;
    opacity: 0;
    margin: 0;
    visibility: hidden;
    transition: max-height 0.7s ease-in-out, 
                opacity 0.5s ease-in-out,
                padding 0.4s ease-in-out,
                visibility 0s 0.3s,
                margin 0.4s ease;
}

/* Active state for content */
.accordion-section-content.active,
.accordion-section-content[style*="display: block"] {
    max-height: 2000px; /* Larger value to accommodate all content */
    opacity: 1;
    visibility: visible;
    padding: 20px;
    margin-bottom: 10px;
    transition: max-height 0.7s ease-in-out, 
                opacity 0.5s ease-in-out,
                padding 0.4s ease-in-out,
                visibility 0s,
                margin 0.4s ease;
}

/* Title styling */
.accordion-section-title {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    padding-right: 40px !important;
}

/* Hover effect */
.accordion-section-title:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* Plus/minus indicator */
.accordion-section-title:after {
    content: '+';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: 700;
    transition: transform 0.4s ease, content 0.2s;
}

/* Active state for title */
.accordion-section-title.active:after {
    content: '\2212'; /* Unicode minus sign */
}