/* FiftyMetrics brand overrides — kept separate from Xintra core CSS. */

/* Enlarge the brand logo across header, sidebar, and footer */
.header-logo img {
    height: 42px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
}
.landing-footer-logo {
    height: 42px !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* ──────────────────────────────────────────────
   Desktop (>= 992px): hide the hamburger entirely.
   Xintra defines the sidemenu-toggle as display:flex
   with various data-attr selectors; override unconditionally.
   ────────────────────────────────────────────── */
@media (min-width: 992px) {
    .app-header .sidemenu-toggle,
    .app-header .horizontal-navtoggle,
    .app-header a.sidemenu-toggle.header-link {
        display: none !important;
    }
}

/* ──────────────────────────────────────────────
   Mobile (<= 991.98px) layout
   ────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    /* Center the logo absolutely in the header bar */
    .main-header-container {
        position: relative;
    }
    .app-header .header-content-left .horizontal-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        pointer-events: auto;
    }
    /* Show the sidebar close-X */
    #fm-sidebar-close {
        display: inline-flex !important;
    }
}

/* ──────────────────────────────────────────────
   Override Xintra's rule that hides notifications &
   fullscreen below 576px — we want alerts visible.
   We still keep fullscreen hidden on small mobile via
   the `hidden lg:flex` classes we added inline.
   ────────────────────────────────────────────── */
@media (max-width: 575.98px) {
    .notifications-dropdown {
        display: block !important;
    }
}

/* ──────────────────────────────────────────────
   Sidebar close X — visible only on mobile
   ────────────────────────────────────────────── */
.main-sidebar-header {
    position: relative;
}
#fm-sidebar-close {
    display: none;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    padding: 6px;
    cursor: pointer;
    color: inherit;
    border-radius: 6px;
    z-index: 5;
}
#fm-sidebar-close:hover {
    background: rgba(0, 0, 0, 0.06);
}

/* ──────────────────────────────────────────────
   Sidebar scroll: give the last item (Log Out) room
   to be fully visible above any bottom edge.
   ────────────────────────────────────────────── */
.app-sidebar .main-menu-container,
.app-sidebar .main-sidebar {
    padding-bottom: 80px;
}