/* HK Accordion Block */
.hk-accordion {
    --bs-accordion-color: var(--bs-body-color);
    --bs-accordion-bg: #d7e6d9;
    --bs-accordion-border-color: #9bc1a0;
    --bs-accordion-btn-bg: #d7e6d9;
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-active-bg: #368340;
    --bs-accordion-active-color: #fff;
    width: 100%;
    border: 1px solid #9bc1a0;
    border-radius: var(--bs-accordion-border-radius);
}

.hk-accordion .accordion-item {
    background-color: #d7e6d9;
}

.hk-accordion .accordion-button {
    font-size: 1.5rem;
    background-color: #d7e6d9;
}

/* Hide Bootstrap's default right-side chevron */
.hk-accordion .accordion-button::after {
    display: none;
}

/* Font Awesome chevron animation */
.hk-accordion .accordion-button i {
    transition: transform 0.3s ease;
}

.hk-accordion .accordion-button:not(.collapsed) i {
    transform: rotate(-180deg);
}

/* Active/open header — solid green with white text */
.hk-accordion .accordion-button:not(.collapsed) {
    background-color: #368340;
    color: #fff;
}

/* Keep chevron white when header is open */
.hk-accordion .accordion-button:not(.collapsed) i {
    color: #fff;
}

/* Accordion body background */
.hk-accordion .accordion-body {
    background-color: #fff;
}

/* Button links inside content */
.hk-accordion .accordion-body a.hk-btn {
    display: inline-block;
    padding: 0.5rem 1.5rem;
    background-color: #368340;
    color: #fff;
    border-radius: 50rem;
    text-decoration: none;
    font-weight: 600;
}

.hk-accordion .accordion-body a.hk-btn:hover {
    background-color: #2a6632;
    color: #fff;
}

/* Fix bottom corners of the last accordion item when open */
.hk-accordion .accordion-item:last-of-type .accordion-button:not(.collapsed) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.hk-accordion .accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
    overflow: hidden;
}