/* 1. Target the text (the link) in ALL states: collapsed, expanded, and hover */
.white-webform-accordion .ckeditor-accordion-container dl.styled dt a,
.white-webform-accordion .ckeditor-accordion-container dl.styled dt a.ckeditor-accordion-toggler,
.white-webform-accordion .ckeditor-accordion-container dl.styled dt.active a,
.white-webform-accordion .ckeditor-accordion-container dl.styled dt a:hover,
.white-webform-accordion .ckeditor-accordion-container dl.styled dt a:focus {
    color: #FFFFFF !important;
    text-decoration: none !important;
    outline: none !important;
}

/* 2. Target the horizontal lines in ALL states */
.white-webform-accordion .ckeditor-accordion-container dl.styled dt {
    border-top: 1px solid #FFFFFF !important;
    border-bottom: 1px solid #FFFFFF !important;
}

/* 3. The Toggle Icon (Plus/Minus) */
.white-webform-accordion .ckeditor-accordion-toggle {
    background-color: transparent !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

/* 4. Ensure the pseudo-elements (the lines of the plus sign) stay white */
.white-webform-accordion .ckeditor-accordion-toggle::before,
.white-webform-accordion .ckeditor-accordion-toggle::after {
    background-color: #FFFFFF !important;
}

/* 5. Clean up the container border if needed */
.white-webform-accordion .ckeditor-accordion-container dl.styled {
    border-color: #FFFFFF !important;
}