/* White block style for the Accordion block, loaded on the front end and in the editor. */

/* White: each section is its own white card with a soft shadow, matching the default Tabs block look. */
.accordion.is-style-wfu-white-accordion {
    border: none;
    background-color: transparent;
}

.accordion.is-style-wfu-white-accordion .accordion-item,
.accordion.is-style-wfu-white-accordion .accordion-item:hover {
    margin-bottom: 15px;
    border-radius: 8px;
    background-color: var(--wp--preset--color--white);
    box-shadow: 0 0 2px rgba(0, 0, 0, .1), 0 0 4px rgba(0, 0, 0, .1), 0 0 8px rgba(0, 0, 0, .07);
    overflow: hidden;
}

.accordion.is-style-wfu-white-accordion .acf-innerblocks-container > .accordion-item:last-child {
    margin-bottom: 0;
}

.accordion.is-style-wfu-white-accordion .accordion-item > :first-child {
    margin: 0 20px;
    border-bottom: none;
}

/* Divider between an open section's title and its content */
.accordion.is-style-wfu-white-accordion .accordion-item:has(.accordion-trigger[aria-expanded="true"]) > :first-child {
    border-bottom: 1px solid var(--wp--custom--color--neutral-200);
}

.accordion.is-style-wfu-white-accordion .accordion-item .accordion-trigger {
    padding: 16px 2.5rem 16px 0;
    background-color: transparent;
    color: var(--wp--custom--color--neutral-600);
    font-size: 1.125rem;
}

.accordion.is-style-wfu-white-accordion .accordion-item .accordion-trigger:hover {
    color: var(--wp--custom--color--hover-color);
}

/* Drawn inside the edge so the section's rounded corners don't clip it */
.accordion.is-style-wfu-white-accordion .accordion-item .accordion-trigger:focus-visible {
    outline: 2px solid var(--wp--preset--color--old-gold);
    outline-offset: -2px;
}

.accordion.is-style-wfu-white-accordion .accordion-item .accordion-trigger[aria-expanded="true"] {
    color: var(--wp--preset--color--old-gold);
}

.accordion.is-style-wfu-white-accordion .accordion-item .accordion-icon {
    right: 5px;
    border-color: currentColor;
}

.accordion.is-style-wfu-white-accordion .accordion-item .accordion-panel {
    padding: 15px 20px 20px;
    background-color: var(--wp--preset--color--white);
    font-size: 1.07rem;
}

.accordion.is-style-wfu-white-accordion .accordion-panel li {
    font-size: 1.07rem;
}