/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

svg text {
    fill: var(--falcon-body-color);
    font-family: var(--falcon-body-font-family);
    text-shadow: 2px 2px 5px var(--falcon-body-color);  
}
svg tspan {
    fill: var(--falcon-body-color);
    font-family: var(--falcon-body-font-family);
    text-shadow: 2px 2px 5px var(--falcon-body-color);  
}
/*Small devices (portrait phones, 575px and down)*/
@media (max-width: 575px) { 
    svg text {
        font-size: 0.6rem;
        font-weight: 300;
    }
    #map_tooltip_name {
        font-size: 0.8rem;
        font-weight: 450;
    }
    #map_tooltip_data tspan{ 
        font-size: 0.4rem;
        font-weight: 300;
    }
    .map_tooltip_elements_name {
        font-size: 0.6rem;
        font-weight: 300;
    }
    .map_tooltip_elements_value {
        font-size: 0.6rem;
        font-weight: 450;
    }    
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
    svg text {
        font-size: 0.8rem;
        font-weight: 400;
    }
    #map_tooltip_name {
        font-size: 1rem;
        font-weight: 550;  
    }
    #map_tooltip_data tspan{ 
        font-size: 0.6rem;
        font-weight: 400;
    }
    .map_tooltip_elements_name {
        font-size: 0.8rem;
        font-weight: 400;
    }
    .map_tooltip_elements_value {
        font-size: 0.8rem;
        font-weight: 550;
    }     
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {    
    svg text {
        font-size: 0.8rem;
        font-weight: 400;
    }
    #map_tooltip_name {
        font-size: 1rem;
        font-weight: 550;  
    }
    #map_tooltip_data tspan{ 
        font-size: 0.6rem;
        font-weight: 400;
    }
    .map_tooltip_elements_name {
        font-size: 0.8rem;
        font-weight: 400;
    }
    .map_tooltip_elements_value {
        font-size: 0.8rem;
        font-weight: 550;
    }   
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    svg text {
        font-size: 1rem;
        font-weight: 400;
    }
    #map_tooltip_name {
        font-size: 1.2rem;
        font-weight: 550;  
    }
    #map_tooltip_data tspan{ 
        font-size: .8rem;
        font-weight: 400;
    }
    .map_tooltip_elements_name {
        font-size: 1rem;
        font-weight: 400;
    }
    .map_tooltip_elements_value {
        font-size: 1rem;
        font-weight: 550;
    } 
}

/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    svg text {
        font-size: 1.1rem;
        font-weight: 410;
    }   
    #map_tooltip_name {
        font-size: 1.7rem;
        font-weight: 880;  
    }
    #map_tooltip_data tspan{ 
        font-size: .9rem;
        font-weight: 430; 
    }
    .map_tooltip_elements_name {
        font-size: 1.3rem;
        font-weight: 430;
    }
    .map_tooltip_elements_value {
        font-size: 1.3rem;
        font-weight: 660;
    }   
}

/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) {
    svg text {
        font-size: .9rem;
        font-weight: 400;
    } 
    #map_tooltip_name {
        font-size: 1.7rem;
        font-weight: 880;  
    }
    #map_tooltip_data tspan{ 
        font-size: .9rem;
        font-weight: 430; 
    }
    .map_tooltip_elements_name {
        font-size: 1.3rem;
        font-weight: 430;
    }
    .map_tooltip_elements_value {
        font-size: 1.3rem;
        font-weight: 660;
    } 
}

#graph {    
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

/*#map_tooltip_name {
    text-shadow: 2px 2px 5px var(--falcon-body-color);  
}
#map_tooltip_data tspan{    
    text-shadow: 2px 2px 5px var(--falcon-body-color);
}
.map_tooltip_elements_name {
    text-shadow: 2px 2px 5px var(--falcon-body-color);
}
.map_tooltip_elements_value {
    text-shadow: 2px 2px 5px var(--falcon-body-color);  
}*/



.form-select {
    padding-left: 2rem;
    padding-right: 2rem;
    line-height: 1.7;
    border-radius: 50rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#layer_menu .form-select {
    padding-left: 0.75rem;
    padding-right: 2.5rem;
    line-height: 1.5;
    font-size: 0.875rem;
}
.form-range {
    padding-left: 1rem;
    padding-right: 0rem;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-label {
    margin-bottom: 0rem;
    font-size: 0.875rem;
}

/* Search box — match filter select height, keep original width */
#app_menu {
    align-self: center;
}
#app_menu .search-box form {
    margin: 0;
}
#app_search {
    font-size: 0.875rem !important;
    line-height: 1.5 !important;
    padding-top: 0.375rem !important;
    padding-bottom: 0.375rem !important;
}

/* Dark mode — dropdown item hover text visibility */
.dark .navbar .dropdown-item:hover,
.dark .navbar .dropdown-item:focus {
    color: var(--falcon-1000);
}

/* Dark mode — NavTree (bs5-nav-tree) hover and active states */
.dark .nt-li > .d-flex:hover {
    background-color: rgba(255, 255, 255, 0.12);
}
.dark .nt-li > .d-flex:hover * {
    color: #fff !important;
}
.dark .nt-li:focus,
.dark .nt-li.active {
    background-color: rgba(255, 255, 255, 0.08);
}
.dark .nt-li:focus *,
.dark .nt-li.active * {
    color: #fff !important;
}

/* Play/pause button — toggle icon via CSS active class */
.btn-playpause .icon-pause { display: none; }
.btn-playpause.active .icon-play { display: none; }
.btn-playpause.active .icon-pause { display: inline-block; }

/* Play/pause and repeat buttons — remove active box-shadow */
.btn-playpause.active,
.btn-playpause:active,
.btn-playpause:focus,
.btn-repeat.active,
.btn-repeat:active,
.btn-repeat:focus {
    box-shadow: none !important;
    outline: none;
}

/* User nav icon — identical to .theme-control-toggle-label but standalone */
.user-nav-icon {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--falcon-300);
    color: var(--falcon-primary);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.user-nav-icon:hover {
    background-color: var(--falcon-400);
}
#navbarDropdownUser {
    padding-left: 0;
    padding-right: 0;
}

/* Mobile navbar: single row — Logo | Search | Filter toggle | User menu */
@media (max-width: 991.98px) {
    .navbar-brand {
        order: 1;
        flex: 0 0 auto;
    }
    #app_menu {
        order: 2;
        flex: 1 1 0;
        width: 0;
        margin-left: 0.5rem !important;
        margin-right: 0 !important;
    }
    #app_menu > .nav-item,
    #app_menu .search-box,
    #app_menu .search-box form {
        width: 100% !important;
    }
    #app_search {
        width: 100% !important;
    }
    .navbar-toggler {
        order: 3;
        margin-left: 0.5rem;
    }
    #user_menu {
        order: 4;
    }
    /* Filter menu expands below as full-width row */
    #navbarSupportedContent {
        order: 5;
        width: 100%;
    }
    /* Filter items: bigger vertical spacing */
    #layer_menu {
        align-items: flex-start !important;
        gap: 1rem;
        padding: 0.75rem 0;
        width: 100%;
    }
    #layer_menu > li {
        padding: 0.25rem 0;
        width: 100%;
    }
}