{{-- Shared flash-message toasts — included once in master/guest layouts, never per-page.
     Positioned with plain "left"/"top" (not Bootstrap's .end-0/.start-0 utilities —
     those compile to physical right/left and aren't RTL-aware without an RTLCSS
     build, so .end-0 was actually pinning to the right and overlapping the sidebar).
     top: 6rem clears the sticky navbar instead of sitting underneath it at top: 0. --}}
<div class="toast-container position-fixed p-3" style="top: 6rem; left: 1rem; z-index: 1080;">
    @if (session('status'))
        <div class="toast app-toast border-0 shadow-sm" role="status" data-bs-autohide="true" data-bs-delay="4000">
            <div class="d-flex align-items-center gap-3 p-3">
                <div class="d-flex align-items-center justify-content-center rounded-circle bg-success-subtle text-success flex-shrink-0" style="width: 2.25rem; height: 2.25rem;">
                    <i class="bi bi-check-lg"></i>
                </div>
                <div class="toast-body p-0 flex-grow-1">{{ session('status') }}</div>
                <button type="button" class="btn-close flex-shrink-0" data-bs-dismiss="toast" aria-label="{{ __('lang.close_menu') }}"></button>
            </div>
        </div>
    @endif

    @if (session('error'))
        <div class="toast app-toast border-0 shadow-sm" role="alert" data-bs-autohide="true" data-bs-delay="6000">
            <div class="d-flex align-items-center gap-3 p-3">
                <div class="d-flex align-items-center justify-content-center rounded-circle bg-danger-subtle text-danger flex-shrink-0" style="width: 2.25rem; height: 2.25rem;">
                    <i class="bi bi-exclamation-triangle"></i>
                </div>
                <div class="toast-body p-0 flex-grow-1">{{ session('error') }}</div>
                <button type="button" class="btn-close flex-shrink-0" data-bs-dismiss="toast" aria-label="{{ __('lang.close_menu') }}"></button>
            </div>
        </div>
    @endif

    @if ($errors->any())
        <div class="toast app-toast border-0 shadow-sm" role="alert" data-bs-autohide="true" data-bs-delay="6000">
            <div class="d-flex align-items-center gap-3 p-3">
                <div class="d-flex align-items-center justify-content-center rounded-circle bg-danger-subtle text-danger flex-shrink-0" style="width: 2.25rem; height: 2.25rem;">
                    <i class="bi bi-exclamation-triangle"></i>
                </div>
                <div class="toast-body p-0 flex-grow-1">{{ __('lang.form_has_errors') }}</div>
                <button type="button" class="btn-close flex-shrink-0" data-bs-dismiss="toast" aria-label="{{ __('lang.close_menu') }}"></button>
            </div>
        </div>
    @endif
</div>