/*
 * Filament hides the topbar logo below its "lg" breakpoint (it normally
 * only lives inside the slide-out sidebar on mobile). This centers it
 * in the mobile topbar instead, between the menu and avatar buttons.
 */

@media (max-width: 1023.98px) {
    .fi-topbar {
        position: relative;
    }

    .fi-topbar-start {
        display: flex !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }

    .fi-topbar-start a,
    .fi-topbar-start .fi-logo {
        pointer-events: auto;
    }

    .fi-topbar-collapse-sidebar-btn-ctn {
        display: none !important;
    }
}