/* Accordion — frontend styles.
 * Most of the visual is in the theme (block-patterns.css .b-acc rules).
 * This file just kills browser button defaults and the mobile tap-highlight
 * blink, and makes the storybook .is-open animation work on the SSR markup
 * before view.js binds (no flash of open content).
 */

.kabdalis-accordion .b-acc__q {
    /* Strip the light-blue tap flash on iOS Safari + Android Chrome. */
    -webkit-tap-highlight-color: transparent;
    /* Strip browser button defaults that conflict with the .b-acc__q rule
     * (background:none / border:none / cursor:pointer / inherit colour). */
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    -webkit-user-select: none;
    user-select: none;
}

.kabdalis-accordion .b-acc__q:focus {
    outline: none;
}

.kabdalis-accordion .b-acc__q:focus-visible {
    outline: 2px solid var(--accent, #9c3a52);
    outline-offset: 2px;
    border-radius: 4px;
}

.kabdalis-accordion .b-acc__group-title {
    margin: 24px 0 8px;
}

.kabdalis-accordion .kabdalis-accordion__group:first-child .b-acc__group-title {
    margin-top: 0;
}