{{-- Botões de acessibilidade reutilizados em desktop e mobile --}}
<button type="button" class="btn btn-link btn-sm js-btn-contrast border-0 p-1 text-white text-decoration-none" aria-label="Alto Contraste" title="Alto Contraste">
    <i class="bi bi-circle-half" style="font-size: 1.05rem;" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-link btn-sm js-btn-dyslexia border-0 p-1 text-white text-decoration-none" aria-label="Fonte para Dislexia" title="Fonte para Dislexia">
    <i class="bi bi-type" style="font-size: 1.05rem;" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-link btn-sm js-btn-transitions border-0 p-1 text-white text-decoration-none" aria-label="Desativar Animações" title="Desativar Animações">
    <i class="bi bi-pause-circle-fill" style="font-size: 1.05rem;" aria-hidden="true"></i>
</button>
<button type="button" class="btn btn-link btn-sm js-btn-reset border-0 p-1 text-white text-decoration-none" aria-label="Resetar Acessibilidade" title="Resetar Acessibilidade">
    <i class="bi bi-arrow-counterclockwise" style="font-size: 1.05rem;" aria-hidden="true"></i>
</button>
<div class="btn-group btn-group-sm" style="background: rgb(34,34,34); border-radius: 4px;" role="group" aria-label="Controle de tamanho de fonte">
    <button type="button" class="btn btn-link js-btn-font-decrease border-0" aria-label="Diminuir tamanho da fonte" title="Diminuir Fonte" style="color: rgb(255,255,255); text-decoration: none; padding: 4px 10px; min-width: 28px; min-height: 28px; display: inline-flex; align-items: center; justify-content: center;">A-</button>
    <button type="button" class="btn btn-link js-btn-font-increase border-0" aria-label="Aumentar tamanho da fonte" title="Aumentar Fonte" style="color: rgb(255,255,255); text-decoration: none; padding: 4px 10px; min-width: 28px; min-height: 28px; display: inline-flex; align-items: center; justify-content: center;">A+</button>
</div>
@if(!empty($portalConfigs['accessibility_widget_enabled']))
<button type="button" class="btn btn-link btn-sm border-0 p-1 text-white text-decoration-none"
        aria-label="Abrir Menu de Acessibilidade" title="Menu de Acessibilidade"
        data-target="accessibilityWidget">
    <i class="bi bi-universal-access-circle" style="font-size: 1.05rem;" aria-hidden="true"></i>
</button>
@endif