.wp-block-ws-library-ws-faq .faq-items,
.wp-block-ws-library-ws-faq .faq-switcher {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-ws-library-ws-faq details summary {
list-style-type: none;
}
.wp-block-ws-library-ws-faq details summary::-webkit-details-marker {
display: none;
}
.wp-block-ws-library-ws-faq details {
border-bottom: solid 1px var(--color-light);
}
.wp-block-ws-library-ws-faq .faq-question {
display: flex;
align-items: center;
font-weight: 700;
padding: 20px 0;
padding-right: 35px;
cursor: pointer;
font-size: var(--wp--custom--font-size--l);
position: relative;
}
.wp-block-ws-library-ws-faq .faq-question::after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 22px;
right: 0;
background: currentColor;
mask-image: url(//www.ab-laissus.fr/wp-content/plugins/ws-blocks-library/assets/icons/chevron.svg);
mask-size: contain;
mask-position: center center;
mask-repeat: no-repeat;
}
.wp-block-ws-library-ws-faq .faq-answer {
padding-bottom: 20px;
padding-right: 50px;
line-height: 1.5;
}
.wp-block-ws-library-ws-faq details[open] .faq-question::after {
transform: rotateZ(90deg);
}
.wp-block-ws-library-ws-faq .faq-switcher .list-switch {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
padding: 0;
}
.wp-block-ws-library-ws-faq .faq-switcher .list-switch .item-switch {
margin: 0 5px;
border-radius: var(--border-radius);
padding: 10px 14px;
padding-top: 11px;
line-height: 1;
font-size: var(--wp--custom--font-size--m);
font-weight: 700;
cursor: pointer;
background: var(--color-light);
color: var(--color-dark);
transition: background 0.25s, color 0.25s;
}
.wp-block-ws-library-ws-faq .faq-switcher .list-switch .item-switch.active,
.wp-block-ws-library-ws-faq .faq-switcher .list-switch .item-switch:hover {
background: var(--color-dark);
color: var(--color-light);
}