@font-face {
    font-family: scoreboard;
    src: url('../res/fonts/Digital Dismay.otf');
    font-weight: bold;
}
  
/* ------------------------------------------------------------------------
        GESTION DE LA PASTILLE UTILISATEUR
*/        
.nav-user-image a[data-bs-toggle] {
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 1.5s;
    transform-style: preserve-3d;
    perspective: 1000px;
    z-index: 1000000000000;
}

.nav-user-image [data-bs-toggle='collapse'] > * {
    height: 80px !important;
    width: 80px !important;
    background-size: cover;
    z-index: 5 !important;
    position: absolute !important;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    backface-visibility: hidden;
    box-shadow: 0 0 0 8px var(--pc-sidebar-background) !important;
    background-color: white;
}

.nav-user-image a[data-bs-toggle]:not(.collapsed) {
    transform: rotateX(180deg);
}

.user-face {
    transform: rotateX(180deg);
}

.pc-sidebar .pc-navbar > .pc-item .pc-submenu.list-unstyled .pc-item > .pc-link:after {
    display: none !important;
}

.pc-sidebar .pc-navbar > .pc-item .pc-submenu.list-unstyled .pc-item > .pc-link {
    padding-left: 40px;
}


/* --------------------------------------------------------------------- 
        TEXTURAGE DU MENU 
*/
[data-textured='top'] :is(
    .header-wrapper,
    .pc-sidebar .m-header,
    .card.pc-user-card .card-body){
        position: relative;
        z-index: 0;
}


[data-textured='top'] :is(
    .card.pc-user-card .card-body,
    .pc-sidebar .m-header,
    .header-wrapper)::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

[data-textured='top'] :is(
    .card.pc-user-card .card-body,
    .pc-sidebar .m-header,
    .header-wrapper)::before{
    /* background: red; */
    background: url('../res/texture_grid.jpg');
    opacity: 0.1;
}

/* .pc-sidebar .card.pc-user-card:before {
    background-position-y: 7%;
} */

[data-textured='left'] :is(
    .pc-sidebar .card.pc-user-card .nav-user-image,
    .pc-sidebar .card.pc-user-card .pc-user-collpsed,
    .simplebar-content-wrapper){
    position: relative;
    z-index: 0;
}

[data-textured='left'] :is(
    .pc-sidebar .card.pc-user-card .nav-user-image,
    .pc-sidebar .card.pc-user-card .pc-user-collpsed,
    .simplebar-content-wrapper)::before{
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}

[data-textured='left'] .pc-sidebar .card.pc-user-card .nav-user-image::before{
    top: 50%;
    background-color: var(--pc-sidebar-background);
    border-radius: 15px 15px 0 0;
}

[data-textured='left'] .pc-sidebar .card.pc-user-card .nav-user-image::after,
[data-textured='left'] :is(
    .pc-sidebar .card.pc-user-card .pc-user-collpsed,
    .simplebar-content-wrapper
)::before{
    /* background: gold; */
    background: url('../res/texture_grid.jpg');
    opacity: 0.05;
}


[data-textured='top'] .pc-sidebar .card.pc-user-card .card-body::before{
    background-position: 0px -60px;
}

[data-textured='left'] .pc-sidebar .card.pc-user-card .nav-user-image::after{
    background-position: -28px 134px;
}


[data-textured='left']
    .nav-user-image [data-bs-toggle='collapse']::before {
        content: '';
        height: 96px;
        width: 96px;
        border-radius: 100%;
        z-index: 0;
        opacity: 1;
        background-color: var(--pc-sidebar-background);
        position: absolute;
        background: var(--pc-header-background);
}

[data-textured='left']
    .nav-user-image [data-bs-toggle='collapse'] > *{
        box-shadow: none !important;
}

/* -----------------------------------------------------------------------------
        GESTION DES THEMES DE COULEUR
*/
body[data-template='bcn']{
    --template-menu-bg: #002e5d;
    --template-menu-bg-alt: #00a2d9;
    --template-menu-text-default: #ffffff;
    --template-menu-active-bg: #002e5d;
    --template-menu-active-text: white;
    --template-menu-section-text: #002e5d;
    --template-menu-item-txt-hover: #002e5d;
}
/* --------------------------------------------------------------------- 
*/



/* ----------------------------------------------------------------------
        GESTION DES MODALES DE TYPE CARD
*/        
.modal .modal-content.card .modal-header{
    background-color: var(--template-menu-bg);
    color: var(--template-menu-item-txt-hover) !important;
}
.modal .modal-content.card .modal-header >:first-child{
    /* font-weight: 600; */
    color: inherit;
}
/* --------------------------------------------------------------------- 
*/

.logobcn {
    background-image: url('../../res/logo_small.png');
    background-size: 100% 100% !important;
}