{{-- Widget Flutuante de Acessibilidade (canto inferior esquerdo, similar ao VLibras) --}}
<div class="accessibility-widget" id="accessibilityWidget">
    <button type="button" class="accessibility-trigger" id="accessibilityToggle"
            aria-label="Abrir Menu de Acessibilidade" title="Menu de Acessibilidade">
        <i class="bi bi-universal-access-circle" aria-hidden="true"></i>
    </button>

    <div class="accessibility-panel shadow-lg" id="accessibilityPanel" aria-label="Menu de Acessibilidade" role="region" style="display: none;">
        <div class="accessibility-panel-header">
            <h5 class="fw-bold mb-0"><i class="bi bi-universal-access-circle me-2" aria-hidden="true"></i> Acessibilidade</h5>
            <button type="button" class="btn-close" id="accessibilityClose" aria-label="Fechar"></button>
        </div>

        <div class="accessibility-panel-body">
            @include('v2-portal::header.accessibility.widget-features')

            <div class="mt-2">
                <button type="button" class="btn btn-outline-dark btn-sm w-100 d-flex align-items-center justify-content-center gap-2 py-1 js-btn-reset-all">
                    <i class="bi bi-arrow-counterclockwise" aria-hidden="true"></i> Redefinir
                </button>
            </div>

            <p class="text-muted text-center mt-2 mb-0" style="font-size: 0.6rem; border-top: 1px solid var(--color-bg-canvas, #eee); padding-top: 6px;">
                Maxima Tecnologia
            </p>
        </div>
    </div>
</div>