.erc-accordion-wrapper {
    position: relative;
}

.erc-accordion-wrapper .wp-block-details {
    border: none;
    margin: 0;
    /* background-color: #ffffff; */
    border: 1px solid var(--wp--preset--color--erc-red, #c2c2c2);
}

.erc-accordion-icon-wrapper {
    position: absolute;
    left: 16px;
    top: 16px;
    z-index: 1;
}

.erc-accordion-icon {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.erc-accordion-wrapper .wp-block-details>summary {
    padding: 16px;
    cursor: pointer;
    list-style: none;
    font-size: 16px;
    font-weight: 600;
    color: #262626;
    position: relative;
}

.erc-accordion-wrapper:has(.erc-accordion-icon-wrapper) .wp-block-details>summary {
    padding-left: 56px;
}

.erc-accordion-wrapper .wp-block-details>summary::-webkit-details-marker {
    display: none;
}


/* .erc-accordion-wrapper .wp-block-details[open]>details {
    background-color: #fafafa;
} */

/* Toggle icon container */
.erc-accordion-wrapper .wp-block-details>summary::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
}

/* Plus icon */
.erc-accordion-wrapper[data-toggle-icon="plus"] .wp-block-details>summary::before {
    display: none;
}

.erc-accordion-wrapper[data-toggle-icon="plus"] .wp-block-details>summary::after {
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M19.0707 4.92917C20.0187 5.85335 20.7736 6.95657 21.2919 8.1748C21.8101 9.39304 22.0813 10.7021 22.0896 12.0259C22.098 13.3498 21.8435 14.6621 21.3407 15.8868C20.838 17.1115 20.097 18.2242 19.1609 19.1603C18.2248 20.0965 17.1121 20.8374 15.8874 21.3401C14.6627 21.8429 13.3503 22.0975 12.0265 22.0891C10.7026 22.0807 9.39361 21.8095 8.17537 21.2913C6.95713 20.7731 5.85392 20.0181 4.92974 19.0702C3.10815 17.1841 2.10021 14.6581 2.123 12.0362C2.14578 9.41419 3.19747 6.90606 5.05155 5.05198C6.90563 3.1979 9.41376 2.14621 12.0357 2.12343C14.6577 2.10064 17.1837 3.10859 19.0697 4.93017L19.0707 4.92917ZM14.9997 13.0002C15.265 13.0002 15.5193 12.8948 15.7068 12.7073C15.8944 12.5197 15.9997 12.2654 15.9997 12.0002C15.9997 11.7349 15.8944 11.4806 15.7068 11.2931C15.5193 11.1055 15.265 11.0002 14.9997 11.0002L12.9997 11.0002L12.9997 9.00017C12.9997 8.73495 12.8944 8.4806 12.7068 8.29306C12.5193 8.10552 12.265 8.00017 11.9997 8.00017C11.7345 8.00017 11.4802 8.10552 11.2926 8.29306C11.1051 8.4806 10.9997 8.73495 10.9997 9.00017L10.9997 11.0002L8.99974 11.0002C8.73452 11.0002 8.48017 11.1055 8.29263 11.2931C8.10509 11.4806 7.99974 11.7349 7.99974 12.0002C7.99974 12.2654 8.10509 12.5197 8.29263 12.7073C8.48017 12.8948 8.73452 13.0002 8.99974 13.0002L10.9997 13.0002L10.9997 15.0002C10.9997 15.2654 11.1051 15.5197 11.2926 15.7073C11.4802 15.8948 11.7345 16.0002 11.9997 16.0002C12.265 16.0002 12.5193 15.8948 12.7068 15.7073C12.8944 15.5197 12.9997 15.2654 12.9997 15.0002L12.9997 13.0002L14.9997 13.0002Z" fill="black"/%3E%3C/svg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M19.0707 4.92917C20.0187 5.85335 20.7736 6.95657 21.2919 8.1748C21.8101 9.39304 22.0813 10.7021 22.0896 12.0259C22.098 13.3498 21.8435 14.6621 21.3407 15.8868C20.838 17.1115 20.097 18.2242 19.1609 19.1603C18.2248 20.0965 17.1121 20.8374 15.8874 21.3401C14.6627 21.8429 13.3503 22.0975 12.0265 22.0891C10.7026 22.0807 9.39361 21.8095 8.17537 21.2913C6.95713 20.7731 5.85392 20.0181 4.92974 19.0702C3.10815 17.1841 2.10021 14.6581 2.123 12.0362C2.14578 9.41419 3.19747 6.90606 5.05155 5.05198C6.90563 3.1979 9.41376 2.14621 12.0357 2.12343C14.6577 2.10064 17.1837 3.10859 19.0697 4.93017L19.0707 4.92917ZM14.9997 13.0002C15.265 13.0002 15.5193 12.8948 15.7068 12.7073C15.8944 12.5197 15.9997 12.2654 15.9997 12.0002C15.9997 11.7349 15.8944 11.4806 15.7068 11.2931C15.5193 11.1055 15.265 11.0002 14.9997 11.0002L12.9997 11.0002L12.9997 9.00017C12.9997 8.73495 12.8944 8.4806 12.7068 8.29306C12.5193 8.10552 12.265 8.00017 11.9997 8.00017C11.7345 8.00017 11.4802 8.10552 11.2926 8.29306C11.1051 8.4806 10.9997 8.73495 10.9997 9.00017L10.9997 11.0002L8.99974 11.0002C8.73452 11.0002 8.48017 11.1055 8.29263 11.2931C8.10509 11.4806 7.99974 11.7349 7.99974 12.0002C7.99974 12.2654 8.10509 12.5197 8.29263 12.7073C8.48017 12.8948 8.73452 13.0002 8.99974 13.0002L10.9997 13.0002L10.9997 15.0002C10.9997 15.2654 11.1051 15.5197 11.2926 15.7073C11.4802 15.8948 11.7345 16.0002 11.9997 16.0002C12.265 16.0002 12.5193 15.8948 12.7068 15.7073C12.8944 15.5197 12.9997 15.2654 12.9997 15.0002L12.9997 13.0002L14.9997 13.0002Z" fill="black"/%3E%3C/svg%3E');
    background-color: var(--wp--preset--color--erc-red, #e01a4f);
    transition: transform 0.3s ease;
}

.erc-accordion-wrapper[data-toggle-icon="plus"] .wp-block-details[open]>summary::after {
    transform: translateY(-50%) rotate(45deg); 
}

/* Arrow icon */
.erc-accordion-wrapper[data-toggle-icon="arrow"] .wp-block-details>summary::after {
    mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cg clip-path="url(%23clip0_687_18671)"%3E%3Cpath d="M20 11L12 14L4.00001 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_687_18671"%3E%3Crect width="24" height="24" fill="white" transform="translate(24 1.04907e-06) rotate(90)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cg clip-path="url(%23clip0_687_18671)"%3E%3Cpath d="M20 11L12 14L4.00001 11" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id="clip0_687_18671"%3E%3Crect width="24" height="24" fill="white" transform="translate(24 1.04907e-06) rotate(90)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E');
    background-color: var(--wp--preset--color--erc-red, #e01a4f);
    transition: transform 0.3s ease;
}

.erc-accordion-wrapper[data-toggle-icon="arrow"] .wp-block-details[open]>summary::after {
    transform: translateY(-50%) rotate(180deg);
}

.erc-accordion-wrapper .wp-block-details>*:not(summary) {
    padding: 0 24px 24px 24px;
}

/* .erc-accordion-wrapper .wp-block-details[open] {
    background: var(--wp--preset--color--base-2, #fafafa);
} */