/**
 * Composant transcription — details/summary
 * RGAA 4.1
 */
.wearewp-rgaa-transcription {
    margin-top: 0.75em;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.9em;
}

.wearewp-rgaa-transcription__toggle {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 0.75em 1em;
    cursor: pointer;
    font-weight: 600;
    list-style: none;
    user-select: none;
}

/* Supprime le marker natif */
.wearewp-rgaa-transcription__toggle::-webkit-details-marker,
.wearewp-rgaa-transcription__toggle::marker {
    display: none;
    content: '';
}

/* Fleche custom */
.wearewp-rgaa-transcription__icon {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

/* Fleche vers le bas quand ouvert */
.wearewp-rgaa-transcription[open] .wearewp-rgaa-transcription__icon {
    transform: rotate(45deg);
}

.wearewp-rgaa-transcription__content {
    padding: 0.75em 1em 1em;
    border-top: 1px solid #ddd;
    line-height: 1.6;
}

/* Focus visible pour accessibilite clavier */
.wearewp-rgaa-transcription__toggle:focus-visible {
    outline: 2px solid #0073aa;
    outline-offset: -2px;
    border-radius: 4px;
}

/* Respect de prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .wearewp-rgaa-transcription__icon {
        transition: none;
    }
}