/* r671 - Los footerblok onder de bestaande blauwe taakbalk. */
body.taskbar-footer-active #footer.site-footer,
#footer.site-footer { display:none !important; }

@media (min-width:1025px) {
    #taskbar:has(> .taskbar-footer-panel) {
        bottom: 88px !important;
        overflow: visible !important;
    }

    /* Logo aan boven- en onderkant rustiger uitgelijnd. */
    #profile > #taskbar.profile-taskbar-collapsible #logo,
    #container.groups-profile > #taskbar.profile-taskbar-collapsible #logo {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }
    #profile > #taskbar.profile-taskbar-collapsible:hover #logo,
    #profile > #taskbar.profile-taskbar-collapsible:focus-within #logo,
    #container.groups-profile > #taskbar.profile-taskbar-collapsible:hover #logo,
    #container.groups-profile > #taskbar.profile-taskbar-collapsible:focus-within #logo {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

#taskbar .taskbar-footer-panel {
    box-sizing:border-box !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:calc(100% + 14px) !important;
    bottom:auto !important;
    z-index:850 !important;
    width:auto !important;
    min-height:52px !important;
    margin:0 !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 50% -22px, rgba(255,255,255,.28) 0, rgba(255,255,255,.12) 34%, rgba(255,255,255,0) 68%),
        linear-gradient(180deg,#949494 0%,#858585 48%,#777 100%) !important;
    border:1px solid rgba(92,92,92,.58) !important;
    border-radius:12px !important;
    box-shadow:
        inset 1px 0 0 rgba(255,255,255,.12),
        inset -1px 0 0 rgba(60,60,60,.12),
        inset 0 1px 0 rgba(255,255,255,.38),
        0 8px 20px rgba(0,0,0,.18) !important;
    font-family:var(--base-font,Comfortaa,Arial,sans-serif) !important;
    font-size:var(--base-font-size,16px) !important;
    overflow:visible !important;
    isolation:isolate !important;
}
#taskbar .taskbar-footer-panel::before {
    content:"" !important;
    position:absolute !important;
    z-index:-1 !important;
    inset:1px !important;
    border-radius:10px !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 44%) !important;
}
#taskbar .taskbar-footer-toggle {
    box-sizing:border-box !important;
    width:100% !important;
    min-height:52px !important;
    margin:0 !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:inherit !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    border-radius:11px !important;
    box-shadow:none !important;
    font:600 var(--base-font-size,16px)/1.35 var(--base-font,Comfortaa,Arial,sans-serif) !important;
    text-align:left !important;
    cursor:pointer !important;
}
#taskbar .taskbar-footer-toggle:hover,
#taskbar .taskbar-footer-toggle:focus-visible { background:rgba(255,255,255,.10) !important; outline:none !important; }
#taskbar .taskbar-footer-label { min-width:0 !important; flex:1 1 auto !important; white-space:nowrap !important; color:inherit !important; }
#taskbar .taskbar-footer-chevron {
    width:18px !important;
    height:18px !important;
    flex:0 0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:inherit !important;
    transition:transform .18s ease !important;
}
#taskbar .taskbar-footer-chevron svg {
    width:18px !important;
    height:18px !important;
    display:block !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.3 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}
#taskbar .taskbar-footer-panel.is-open .taskbar-footer-chevron { transform:rotate(180deg) !important; }

#taskbar .taskbar-footer-content {
    box-sizing:border-box !important;
    display:block !important;
    position:absolute !important;
    left:calc(100% + 10px) !important;
    bottom:0 !important;
    width:290px !important;
    max-width:calc(100vw - 280px) !important;
    max-height:min(430px,calc(100vh - 40px)) !important;
    overflow:auto !important;
    padding:11px 12px 12px !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 50% -20px,rgba(255,255,255,.18) 0,rgba(255,255,255,0) 58%),
        linear-gradient(180deg,#858585,#717171) !important;
    border:1px solid rgba(80,80,80,.55) !important;
    border-radius:12px !important;
    box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.20) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateX(-8px) !important;
    transition:opacity .16s ease,transform .18s ease,visibility 0s linear .18s !important;
    scrollbar-width:thin !important;
}
#taskbar .taskbar-footer-panel.is-open .taskbar-footer-content {
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateX(0) !important;
    transition-delay:0s !important;
}
#taskbar .taskbar-footer-links { display:flex !important; flex-direction:column !important; gap:2px !important; }
#taskbar .taskbar-footer-links a {
    box-sizing:border-box !important;
    min-height:38px !important;
    padding:7px 9px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    border-radius:8px !important;
    box-shadow:none !important;
    font:400 var(--base-font-size,16px)/1.35 var(--base-font,Comfortaa,Arial,sans-serif) !important;
    text-decoration:none !important;
}
#taskbar .taskbar-footer-links a span { min-width:0 !important; flex:1 1 auto !important; }
#taskbar .taskbar-footer-links a svg {
    width:14px !important;
    height:14px !important;
    flex:0 0 14px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
    opacity:.72 !important;
}
#taskbar .taskbar-footer-links a:hover,
#taskbar .taskbar-footer-links a:focus-visible { background:rgba(255,255,255,.13) !important; outline:none !important; }

/* Profiel met eigen achtergrond: grijze blok + gloed volledig transparant. */
#profile.profile-has-uploaded-background > #taskbar .taskbar-footer-panel,
#profile.profile-has-uploaded-background > #taskbar .taskbar-footer-content,
html.profile-background-theme-active #profile > #taskbar .taskbar-footer-panel,
html.profile-background-theme-active #profile > #taskbar .taskbar-footer-content,
html.profile-personal-theme-active #profile > #taskbar .taskbar-footer-panel,
html.profile-personal-theme-active #profile > #taskbar .taskbar-footer-content {
    background:transparent !important;
    background-image:none !important;
    border-color:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}
#profile.profile-has-uploaded-background > #taskbar .taskbar-footer-panel::before,
html.profile-background-theme-active #profile > #taskbar .taskbar-footer-panel::before,
html.profile-personal-theme-active #profile > #taskbar .taskbar-footer-panel::before { display:none !important; }

@media (max-width:1024px) {
    #taskbar .taskbar-footer-panel {
        position:relative !important;
        inset:auto !important;
        width:100% !important;
        margin-top:14px !important;
        border-radius:12px !important;
    }
    #taskbar .taskbar-footer-content {
        position:static !important;
        width:100% !important;
        max-width:none !important;
        max-height:42vh !important;
        margin-top:0 !important;
        border-radius:0 0 11px 11px !important;
        box-shadow:none !important;
        display:none !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:none !important;
    }
    #taskbar .taskbar-footer-panel.is-open .taskbar-footer-content { display:block !important; }
}

/* Smalle taakbalk: alleen het pijltje tonen. */
#taskbar .taskbar-footer-panel.is-compact .taskbar-footer-label { display:none !important; }
#taskbar .taskbar-footer-panel.is-compact .taskbar-footer-toggle {
    justify-content:center !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
#taskbar .taskbar-footer-panel.is-compact .taskbar-footer-chevron { margin:0 !important; }