/* Accordion */

.vzc-accordion button {
    padding: 24px;
}

.accordion-item {
    border: none;
}

.accordion-item:last-of-type {
    border-width: 0px !important;
}

.accordion-button:focus {
    box-shadow: none;
    outline-width: 0px !important;
    outline-color: var(--bs-accordion-border-color) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-color) !important;
    box-shadow: none !important;
}

.accordion-button::after {
    background-size: 16px !important;
    background-position: center center;
}

.accordion-button,
.accordion-button.link {
    background-color: transparent !important;
    border: 1px solid transparent;
}

.accordion > .accordion-article.accordion-button:not(:last-child),
.accordion-item.current .accordion-header .accordion-button,
.accordion-item .accordion-collapse .accordion-button:not(:last-child),
.accordion .accordion-item:not(.before):not(:last-of-type) .accordion-header .accordion-button {
    border-bottom: 1px solid var(--vzc-color-gray1);
}

.accordion-article.accordion-button img {
    margin-right: 8px;
}

.accordion-button.link::after {
    background-image: var(--assets-right-arrow) !important;
    transform: initial !important;
}

.accordion-button:hover {
    background-color: var(--vzc-bg-color-hover) !important;
    border: 1px solid var(--vzc-outline-color) !important;
}

.accordion-item.before,
.accordion-item.current {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item.after,
.accordion-item.current {
    border-top-right-radius: var(--bs-accordion-border-radius);
    border-top-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item.before .accordion-header .accordion-button:hover {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item.after .accordion-header .accordion-button:hover,
.accordion-item.current .accordion-header .accordion-button:hover {
    border-top-right-radius: var(--bs-accordion-border-radius);
    border-top-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item.current .accordion-collapse .accordion-button:last-child:hover {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item.current:not(:first-of-type) {
    margin-top: 16px;
}

.accordion-item.current:not(:last-of-type) {
    margin-bottom: 16px;
}


/* Accordion on article page */

.vzc-article-page-container .accordion .accordion-button {
    border: 1px solid var(--vzc-color-gray1);
}

.vzc-article-page-container .accordion .accordion-collapse {
    border: 1px solid var(--vzc-color-gray1);
}

.vzc-article-page-container .accordion .accordion-body {
    padding: 24px;
}