{{-- Coluna da Direita: Botões de Ferramenta e Apoio (consolidado desktop+mobile) --}}
@push('head-styles')
<style>
@media (max-width: 991.98px) {
    .btn-group .btn-link {
        font-size: 16px !important;
    }
}
</style>
@endpush
<div class="col-6 col-sm-7 text-end d-flex align-items-center justify-content-end gap-2">

    {{-- Desktop: botoes com separador --}}
    <div class="d-none d-sm-flex align-items-center gap-2">
        <span class="d-flex gap-3 pe-2 me-1" style="border-right: 1px solid rgba(255,255,255,0.2);">
            <a href="{{ url('ouvidoria') }}" class="accessibility-link d-inline-flex align-items-center gap-1">
                <i class="bi bi-telephone-fill" aria-hidden="true"></i> Ouvidoria
            </a>
            <a href="{{ url('acessibilidade') }}" class="accessibility-link">Acessibilidade</a>
            <a href="{{ url('mapa-do-site') }}" class="accessibility-link">Mapa do Site</a>
        </span>

        @include('v2-portal::header.accessibility.bar-buttons')
    </div>

    {{-- Mobile: botoes sem separador --}}
    <div class="d-flex d-sm-none align-items-center gap-1">
        @include('v2-portal::header.accessibility.bar-buttons')
    </div>
</div>