/* --- 3. HEADER (Farbverlauf Fix) --- */

/* 1. Äußere Container transparent machen (damit nichts stört) */
html body header,
html body .il-main-header {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Den eigentlichen Header-Balken stylen */
html body .header-inner {
    background: linear-gradient(52deg, rgb(255, 255, 255) 60%, rgb(121, 181, 28) 80%) !important;

    /* Layout */
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    justify-content: space-between !important;

    /* Schatten für bessere Lesbarkeit */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
}

#ilTab>li.active>a,
#ilTab>li.active>a:hover,
#ilTab>li.active>a:focus {
    color: white;
    cursor: default;
    background-color: #79B51C !important;
    border: none;
}

#ilSubTab>li.active>a,
#ilSubTab>li.active>a:hover,
#ilSubTab>li.active>a:focus {
    color: white;
    background-color: #9ea397 !important;
}

.il-maincontrols-metabar .glyphicon {
    filter: invert(5%) !important;
    color: white !important;
}

/* --- 4. HIDE TREE VIEW & SIDEBAR FOR NORMAL USERS (NON-ADMINS) --- */
.radical-non-admin li:has(button img[src*="icon_reptr.svg"]),
.radical-non-admin [role="tree"],
.radical-non-admin .il-layout-sidebar,
.radical-non-admin #left_nav,
.radical-non-admin .ilLeftNav,
.radical-non-admin .il-tree-view,
.radical-non-admin #tree_container,
.radical-non-admin [id^="tree_"],
.radical-non-admin #il_menu_sub_tree,
.radical-non-admin a[href*="cmd=showTreeView"],
.radical-non-admin a[href*="cmd=show_tree"],
.radical-non-admin a[href*="showTreeView"],

.radical-non-admin .breadcrumb li:has(a[href*="target=root_1"]),
.radical-non-admin .breadcrumb li:has(a[href*="ref_id=1&"]),
.radical-non-admin .breadcrumb li:has(a[href$="ref_id=1"]),
.radical-non-admin .breadcrumb a[href*="target=root_1"],
.radical-non-admin .breadcrumb a[href*="ref_id=1&"],
.radical-non-admin .breadcrumb a[href$="ref_id=1"],
.radical-non-admin .il-breadcrumb li:has(a[href*="target=root_1"]),
.radical-non-admin .il-breadcrumb li:has(a[href*="ref_id=1&"]),
.radical-non-admin .il-breadcrumb li:has(a[href$="ref_id=1"]),
.radical-non-admin .il-breadcrumb a[href*="target=root_1"],
.radical-non-admin .il-breadcrumb a[href*="ref_id=1&"],
.radical-non-admin .il-breadcrumb a[href$="ref_id=1"],
.radical-non-admin [aria-label="Magazin - Einstiegsseite"],
.radical-non-admin [title="Magazin - Einstiegsseite"],
.radical-non-admin [aria-label="Repository - Entry Page"],
.radical-non-admin [title="Repository - Entry Page"] {
    display: none !important;
}

/* Make sure the main content expands to full width when the sidebar is hidden */
.radical-non-admin .il-layout-page-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* --- TEST PLAYER: Bottom Finish Button Styling --- */
.radical-cloned-finish-btn {
    margin-left: 10px !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

.ilTstNavigationBtn_Next {
    margin-left: auto !important;
}

@media (max-width: 768px) {
    .ilTstNavigationBtn_Next .radical-cloned-finish-btn {
        margin-top: 10px !important;
        margin-left: 0 !important;
        display: block !important;
        width: 100% !important;
    }
}