/* Section bao ngoài */
.block-accordion-section {
    padding: var(--section-pad-y) 0 !important;
    background-color: var(--color-primary);
    width: 100%;
}

.block-accordion-wrapper {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Header Group (h2, p trần) */
.block-accordion-header-group {
    text-align: center;
    margin-bottom: var(--space-text-bottom);
}

.block-accordion-container {
    margin-top: var(--space-text-bottom);
}

/* Item Accordion */
.block-accordion-item {
    border-top: 1px solid rgba(55, 68, 38, 0.15);
    background-color: var(--color-primary);
    transition: var(--transition-base);
}

.block-accordion-item:last-child {
    border-bottom: 1px solid rgba(55, 68, 38, 0.15);
}

.block-accordion-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
}

.block-accordion-header .accordion-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-base);
    color: var(--color-accent);
    margin-left: 15px;
    flex-shrink: 0;
}

/* Nội dung xổ xuống */
.block-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-in-out;
}

.block-accordion-content-inner {
    padding: 0 20px 20px 20px;
}

/* Trạng thái mở (Active) */
.block-accordion-item.is-active {
    background-color: rgba(69, 108, 53, 0.05);
}


.block-accordion-item.is-active .accordion-icon {
    transform: rotate(180deg);
}