/* public/css/custom.css */

/* Style the accordion button to remove the default blue outline on focus */
#accordion .btn:focus {
    box-shadow: none;
}

/* Create the arrow using a pseudo-element */
.arrow-icon::before {
    content: '▼'; /* Down-pointing triangle */
    display: inline-block;
    font-size: 0.8em;
    color: #6c757d; /* Muted grey color */
    transition: transform 0.3s ease-in-out;
}

/* Rotate the arrow when the button is NOT collapsed (i.e., the content is shown) */
#accordion .btn:not(.collapsed) .arrow-icon::before {
    transform: rotate(-180deg);
}