/* Padagos - App shell (Module 102b). Loads after app-theme.css.
   Needs a browser that supports :has(). In older ones none of this applies. */

body.shell-ready .sidebar-toggle-btn { display: none !important; }

body:has(.admin-sidebar) .padagos-footer { margin-top: 0 !important; }

/* ---------- Phones and tablets: the sidebar is a drawer ---------- */
@media (max-width: 991.98px) {
    body:has(.admin-sidebar) .padagos-navbar { padding-top: 6px; padding-bottom: 6px; }
    body:has(.admin-sidebar) .padagos-navbar > .container { flex-wrap: nowrap; gap: 8px; padding-left: 10px; padding-right: 10px; }
    body:has(.admin-sidebar) .padagos-navbar .navbar-toggler { order: 0; margin: 0; padding: 6px 10px; border-color: rgba(255, 255, 255, 0.35); }
    body:has(.admin-sidebar) .padagos-navbar .navbar-brand { order: 1; margin: 0; }
    body:has(.admin-sidebar) .padagos-navbar #mainNavbar {
        order: 2;
        display: flex !important;
        flex-basis: auto;
        flex-grow: 1;
        justify-content: flex-end;
    }
    body:has(.admin-sidebar) .padagos-navbar #mainNavbar .navbar-nav {
        flex-direction: row;
        align-items: center;
        margin-left: auto;
        padding-top: 0;
        gap: 2px;
    }
    body:has(.admin-sidebar) .padagos-navbar #mainNavbar .navbar-nav > .nav-item:first-child { display: none; }
    body:has(.admin-sidebar) .padagos-navbar .nav-item.dropdown { display: block; width: auto; }
    body:has(.admin-sidebar) .padagos-navbar #navTogglerDot { display: none !important; }
    body:has(.admin-sidebar) .padagos-navbar .user-avatar-initial { background-color: #F4A81D; color: #10231D; }

    body:has(.admin-sidebar) .padagos-navbar .dropdown-menu.show {
        position: fixed !important;
        top: 58px;
        left: 8px !important;
        right: 8px !important;
        width: auto;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0;
        transform: none !important;
        max-height: calc(100vh - 80px);
        overflow-y: auto;
        border: 1px solid var(--border-color) !important;
        box-shadow: 0 8px 24px rgba(16, 35, 29, 0.2);
    }
}

/* Tablets: the sidebar stays open, so the extra menu button is not needed */
@media (min-width: 769px) and (max-width: 991.98px) {
    body:has(.admin-sidebar) .padagos-navbar .navbar-toggler { display: none; }
}

/* ---------- Desktop: the green column runs up through the top-left corner ---------- */
@media (min-width: 992px) {
    body:has(.admin-sidebar) .padagos-navbar {
        background:
            linear-gradient(to right, transparent 240px, #DFE6DF 240px) left bottom / 100% 1px no-repeat,
            linear-gradient(to right, #0B3D2E 0, #0B3D2E 240px, #ffffff 240px);
        border-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    body:has(.admin-sidebar) .padagos-navbar > .container { max-width: none; padding: 0 20px 0 0; }
    body:has(.admin-sidebar) .padagos-navbar .navbar-brand {
        width: 240px;
        margin: 0;
        padding: 16px 20px;
        color: #ffffff;
    }
    body:has(.admin-sidebar) .padagos-navbar .navbar-brand i { color: #F4A81D; }

    body:has(.admin-sidebar) .padagos-navbar .nav-link { color: var(--ink-700); }
    body:has(.admin-sidebar) .padagos-navbar .nav-link:hover { color: var(--padagos-secondary); background-color: #F1F6F2; }
    body:has(.admin-sidebar) .padagos-navbar .nav-link span.d-lg-inline { display: none !important; }
    body:has(.admin-sidebar) .padagos-navbar .user-avatar-initial { background-color: #F4A81D; color: #10231D; }
    body:has(.admin-sidebar) .padagos-navbar .dropdown-menu { border: 1px solid var(--border-color); }
}