/* Fallen Kingdom desktop two-sided game navigation.
   Mobile/tablet keeps the existing single left menu. */

.fk-desktop-rightbar {
    display: none;
}

@media (min-width: 1101px) {
    body.logged-in-game:not(.landing-page) .sidebar:not(.fk-desktop-rightbar) .fk-menu-moved-right {
        display: none !important;
    }

    body.logged-in-game:not(.landing-page) .fk-desktop-rightbar {
        display: block !important;
        position: sticky;
        top: 12px;
        align-self: start;
        width: 238px !important;
        min-width: 238px !important;
        max-width: 238px !important;
        z-index: 19 !important;
    }

    body.logged-in-game:not(.landing-page) .layout.fk-has-right-menu:has(> .fk-desktop-rightbar) {
        grid-template-columns: 238px minmax(0, 1fr) 238px !important;
        gap: 16px !important;
        max-width: 1694px !important;
        align-items: start !important;
    }

    body.logged-in-game:not(.landing-page) .fk-desktop-rightbar .fk-menu-shell {
        width: 100%;
    }

    body.fk-admin-dashboard-beta.logged-in-game:not(.landing-page) .fk-beta-shell.fk-has-right-menu:has(> .fk-desktop-rightbar) {
        grid-template-columns: 228px minmax(0, 1fr) 238px !important;
    }

    body.fk-admin-dashboard-beta.logged-in-game:not(.landing-page) .fk-desktop-rightbar {
        top: 67px;
        width: 238px !important;
        min-width: 238px !important;
        max-width: 238px !important;
        max-height: calc(100vh - 76px);
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (min-width: 1101px) and (max-width: 1380px) {
    body.logged-in-game:not(.landing-page) .layout.fk-has-right-menu:has(> .fk-desktop-rightbar) {
        grid-template-columns: 218px minmax(0, 1fr) 218px !important;
        gap: 12px !important;
    }

    body.logged-in-game:not(.landing-page) .layout.fk-has-right-menu > .sidebar,
    body.logged-in-game:not(.landing-page) .layout.fk-has-right-menu > .fk-desktop-rightbar {
        width: 218px !important;
        min-width: 218px !important;
        max-width: 218px !important;
    }

    body.fk-admin-dashboard-beta.logged-in-game:not(.landing-page) .fk-beta-shell.fk-has-right-menu:has(> .fk-desktop-rightbar) {
        grid-template-columns: 208px minmax(0, 1fr) 218px !important;
    }

    body.fk-admin-dashboard-beta.logged-in-game:not(.landing-page) .fk-beta-shell.fk-has-right-menu > .fk-beta-leftbar {
        width: 208px !important;
        min-width: 208px !important;
        max-width: 208px !important;
    }
}

@media (max-width: 1100px) {
    body.logged-in-game:not(.landing-page) .fk-desktop-rightbar {
        display: none !important;
    }

    body.logged-in-game:not(.landing-page) .sidebar .fk-menu-moved-right {
        display: block !important;
    }
}

/* The Light/Parchment shell already reserves a third grid column. Make the
   new menu an actual visible side panel and reuse the exact left-menu skin. */
@media (min-width: 1101px) {
    html body.fk-admin-dashboard-beta.logged-in-game:not(.landing-page) aside.sidebar.fk-desktop-rightbar {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    html body.fk-admin-dashboard-beta.logged-in-game:not(.landing-page) aside.sidebar.fk-desktop-rightbar .fk-menu-shell {
        display: grid !important;
    }
}

@media (max-width: 1100px) {
    html body.logged-in-game:not(.landing-page) aside.sidebar.fk-desktop-rightbar {
        display: none !important;
    }
}
