/* For Goodness Cakes shared PORTAL styles — loaded by the FGC volunteer portal AND the
   FGC agency (customer) portal, and by NO other customer. Both FGC portals carry the
   `fgc-portal` marker class, so every rule here is scoped to `.fgc-portal`: it applies to
   both FGC portals and never leaks to the generic interface-portal.css shell that other
   customers share. Home for look + behavior FGC wants its two portals to share. */

/* ===== Mobile slide-out nav (Bootstrap offcanvas) =====
   Restores the original WebForms portal UX the Blazor migration dropped: on mobile a
   hamburger opens a slide-out menu instead of stacking the nav at the top. Desktop is
   unchanged (the left sidebar shows; the hamburger stays hidden). */
.fgc-portal .fgc-portal-hamburger {
    display: none;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1;
    padding: 0.25rem 0.5rem;
    cursor: pointer;
}

/* The slide-out panel matches the sidebar width and reuses the per-portal .portal-nav
   link styling, so the menu looks identical to each portal's desktop sidebar. */
.fgc-portal .fgc-portal-offcanvas {
    width: 280px;
}
.fgc-portal .fgc-portal-offcanvas .offcanvas-body {
    padding-top: 0.5rem;
}

@media (max-width: 768px) {
    /* Show the hamburger, hide the static left sidebar — the menu now lives in the slide-out. */
    .fgc-portal .fgc-portal-hamburger {
        display: inline-flex;
        align-self: flex-start;
    }
    .fgc-portal .portal-sidebar {
        display: none;
    }
    /* Keep the slide-out menu a vertical list. The shared interface-portal.css turns
       .portal-nav into a wrapping row on mobile; the panel must stay a single column. */
    .fgc-portal .fgc-portal-offcanvas .portal-nav {
        flex-direction: column;
        flex-wrap: nowrap;
    }
}