/* Navigation (Scene navigation, top)*/


/* Glass - Remove prior styling */

#navigation .nav-item {
    border: none;
    border-radius: 0px;
    box-shadow: none;
    backdrop-filter: none;
    background: none;
    background-image: none;
}

/* Glass - Add new styling */

#navigation #nav-toggle,
#navigation #scene-list .scene.view,
#navigation #nav-toggle:hover,
#navigation #scene-list .scene,
#navigation #scene-list .scene.gm {
    border: none;
    border-radius: var(--dorako-radius);
    background-color: var(--dorako-bg-current);
    /* backdrop-filter: var(--dorako-vibrancy); */
    box-shadow: var(--glassy);
}

#navigation {
    margin-top: var(--edge-margin);
    left: 10px;
}

/*
#navigation #scene-list li {
    margin-right: 10px;
    margin-bottom:10px
} */


#navigation #scene-list .scene {
    margin-bottom: 6px;
    margin-right: 6px;
}

#navigation #scene-list .scene li.scene-player {
    text-shadow: none;
}


/* #navigation #scene-list .scene.context,
#navigation #scene-list .scene.view {
} */

/* .scene-name{
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
    gap: 3px;
    align-items: center;
} */

/* #navigation #scene-list .scene {
    z-index: -1;
    display: flex;
    flex-direction: column;
} */

/* #navigation #scene-list {
    display: flex !important;
    flex-wrap: wrap;
} */


#navigation #scene-list .scene.view {
    background-color: var(--paizo-red);
    box-shadow: var(--glassy);
    transition: background-color 0.15s ease-out;
}

#navigation {
    text-shadow: var(--dorako-text-shadow);
    transition: background-color 0.15s ease-out;
}

#navigation {
    backdrop-filter: none;
}

#navigation {
    gap: 10px;
}

#navigation #scene-list .scene li.scene-player {
    text-shadow: none;
}

/* Core Foundry themed */


#navigation #scene-list .scene.gm {
    transition: background-color 0.15s ease-out;
    background-color: var(--paizo-blue-dark);
}

#navigation #scene-list .scene.gm:hover {
    background-color: var(--paizo-blue);
    transition: background-color 0.15s ease-out;
}

#navigation #scene-list .scene {
    transition: background-color 0.15s ease-out;
}

#navigation #scene-list .scene:hover {
    background-color: var(--paizo-red);
    transition: background-color 0.15s ease-out;
}

#navigation #scene-list .scene.gm.active.context,
#navigation #scene-list .scene.active {
    transition: background-color 0.15s ease-out;
    box-shadow: var(--gold-and-glow), var(--glassy);
}

#navigation #scene-list .scene.view.gm {
    transition: background-color 0.15s ease-out;
    background-color: var(--paizo-blue-bright);
}





/* #navigation #scene-list .scene ul.scene-players {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 5px;
    top: unset;
    left: unset;
    position:absolute;
    margin: 0px;
    bottom: -5px;
    top: 0px;
} */

#navigation #scene-list .scene li.scene-player {
    height: 10px;
    width: 10px;
    margin: 0px;
    color: transparent;
    border: 0px;
    box-shadow: var(--gold-and-glow);
    border-radius: 50%;
}

/* Navigation presets */

li.nav-preset,
a.create-preset,
a.scene-presets {
    border: none;
    box-shadow: var(--glassy);
}