/*
 * Haitari (peh-accordion). Säännöt vastaavat BricksExtras 1.7.6:n proaccordion.css:n julkisen
 * puolen perustyylejä (G9, kohta 3.6). Juuressa on myös vanha luokka brxe-xproaccordion, ja
 * lapset pitävät x-accordion_*-luokkansa.
 */
.x-accordion {
    display: flex;
    flex-direction: column;
    width: 100%;
}

:where(.x-accordion) {
    margin: 0;
    padding: 0;
}

.x-accordion_content {
    display: none;
}

:where(.x-accordion_content-inner) {
    padding: 15px;
    width: 100%;
}

/* Ensimmäinen tai kaikki kohdat auki jo ennen skriptiä. */
.x-accordion[data-x-accordion*=expandFirst] > .brxe-block:first-child > .x-accordion_content,
.x-accordion[data-x-accordion*=expandAll] > .brxe-block > .x-accordion_content {
    display: flex;
}

.x-accordion_header {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 15px;
    transition: all .15s ease;
    -webkit-user-select: none;
    user-select: none;
}

.x-accordion_header[tabindex] {
    cursor: pointer;
}

:where(.x-accordion_header) {
    background-color: #efefef;
}

.x-accordion_header[data-controls] {
    pointer-events: none;
}

.x-accordion_item .x-accordion_header:not([tabindex]) .x-accordion_icon {
    display: none;
}

.x-accordion_icon {
    font-size: 1em;
    transition: transform .15s ease;
}

.x-accordion_header[role=button] .x-accordion_icon,
button.x-accordion_header .x-accordion_icon {
    display: inline-block;
}

.x-accordion_header[aria-expanded=true] .brxe-icon {
    transform: rotateX(180deg);
}

.x-accordion_heading-wrapper,
.x-accordion_title {
    margin-bottom: 0;
    margin-top: 0;
}

.x-accordion_heading {
    width: 100%;
}

.x-accordion_item.brxe-block {
    align-items: stretch;
}

:where(.brxe-xproaccordion) .x-accordion_item {
    gap: 0;
}