/* ============================================================================================ */
/* =                                                                                          = */
/* =                          TEMPLATE CONCUS PAR INRIA (DEC 2023) Color-Scheme               = */
/* =                                                                                          = */
/* ============================================================================================ */

@media (prefers-color-scheme: light) {

    :root {

        /* Variable de la banniere -------------------------------------------------------------------------------*/
        --banniere: #e63312;

        /* Variable des textes -------------------------------------------------------------------------------*/
        --auteur: #e63312; /* Celui ci correspond texte des noms d'auteurs */
        --text: #000; /* Celui ci correspond texte general */
        --text-ban: #fff; /* Celui ci correspond texte dans la banniere */
        --text-a: #fff; /* Celui ci correspond aux liens dans la banniere */
        --text-a-hov: #88ccc8; /* Celui ci correspond aux liens dans la banniere passage de la souris */
        --text-box : #fff; /* Celui ci correspond texte dans les box widget tel que affiliation, article etc... */

        /* Variable qui agit sur les btns et les btns au passage du curseur, les En-tetes des widgets et sur les couleurs de la barre de recherche Picto et trait --*/
        --effet: #e53212;
        --effet-hov: #B9251A;

        /* Variable qui agit sur le fond des widgets -------------------------------------------------------------------------------*/
        --widget: #f7f7f7;

        /* Variable qui agit sur le fond du CV -------------------------------------------------------------------------------*/
        --background-color: #e5e5e5;

        /* Variable qui permet une animation de transition au passage du curseur -------------------------------------------------------------------------------*/
        --transition: .3s cubic-bezier(.25,.8,.5,1);

        /* Variable pour les graphiques */
        --jauge-on: #ffffff;
        --jauge-off: #e8472a;
        --chart-doc: #5c1407;
        --chart-data: #891e0b;
        --chart-soft: #ea5b41;
    }
}

@media (prefers-color-scheme: dark) {

    :root {

        /* Variable de la banniere -------------------------------------------------------------------------------*/
        --banniere: #6561a8;

        /* Variable des textes -------------------------------------------------------------------------------*/
        --auteur: #88ccc8; /* Celui ci correspond texte des noms d'auteurs */
        --text: #fff; /* Celui ci correspond texte general */
        --text-ban: #fff; /* Celui ci correspond texte dans la banniere */
        --text-a: #fff; /* Celui ci correspond aux liens dans la banniere */
        --text-a-hov: #88ccc8; /* Celui ci correspond aux liens dans la banniere passage de la souris */
        --text-box : #fff; /* Celui ci correspond texte dans les box widget tel que affiliation, article etc... */

        /* Variable qui agit sur les btns et les btns au passage du curseur, les En-tetes des widgets et sur les couleurs de la barre de recherche Picto et trait --*/
        --effet: #6561a8;
        --effet-hov: #454373;

        /* Variable qui agit sur le fond des widgets -------------------------------------------------------------------------------*/
        --widget: #272f3d;

        /* Variable qui agit sur le fond du CV -------------------------------------------------------------------------------*/
        --background-color: #384257;

        /* Variable qui permet une animation de transition au passage du curseur -------------------------------------------------------------------------------*/
        --transition: .3s cubic-bezier(.25,.8,.5,1);
    }
}

/*==============================================================================================*/
/*================================== CONTENUS MODIFIABLE RAPIDE ===============================*/
/*============================================================================================*/

/* Couleur du fond du CV ------------------------------------------------------------ */
body {
    background-color: var(--background-color);
}

/* Couleur de la banniere ------------------------------------------------------------ */
#resume-presentation-visu {
    background: var(--banniere);
}

/*==================================================================================*/
/*============================ Changement de Couleur Texte =========================*/
/*=================================================================================*/

/* Couleur du texte libre access --------------------------------------- */
.second-color {
    color: var(--open-access) !important;
}
/* Couleur de nom des auteurs --------------------------------------- */
.results-table .authors-results a {
    color: var(--auteur);
}

/* Couleur de url --------------------------------------- */
#resume-presentation-visu a {
    color: var(--text-a);
}
#resume-presentation-visu a:hover {
    color: var(--text-a-hov);
}

/* Couleur du texte contenu de l'auteur art/comm/poster/etc... --------------------------------------- */
.results-table h3 {
    color: var(--text);
}

/* Couleur du texte des criteres --------------------------------------- */
.content-facet a{
    color: var(--text);
}
.text-muted {
    color:  var(--text)!important;
}

/* Couleur du texte citation sous les noms d'auteur --------------------------------------- */
.results-table .citation-results, .results-table .citation-results a {
    color: var(--text);
}

/* Couleur du texte des liens hal-000000 --------------------------------------- */
.results-table td a{
    color: var(--text);
}

/*==================================================================================*/
/*=================================== Block General =================================*/
/*=================================================================================*/

/*============================ Block Presentation Auteur ==========================*/

#resume-presentation-visu {
    color: var(--text-ban);
}

/*============================ Widget ==========================*/

/* Style et Couleur des boites widgets du CV ------------------------------------------------------- */
.section-shadow {
    margin-bottom: 18px;
    box-shadow: 0 3px 4px #00000029;
    border-radius: 3px;
    background-color: var(--widget);
    color:var(--text);
}

@media (prefers-color-scheme: light) {
    .table-white tr:hover, #partage_table tbody tr:hover, #mydeposit tbody #ownsub tr:hover, .table-white tr:focus, #partage_table tbody tr:focus, #mydeposit tbody #ownsub tr:focus {
        background-color: #E5E5E5;
        box-shadow: 0px 3px 6px #00000029;
    }
}

@media (prefers-color-scheme: dark) {
    /* Couleur des boites au passage de la souris dans le contenu de l'auteur art/comm/poster/etc. ------------------------------------------------------- */
    .table-white tr:hover, #partage_table tbody tr:hover, #mydeposit tbody #ownsub tr:hover, .table-white tr:focus, #partage_table tbody tr:focus, #mydeposit tbody #ownsub tr:focus {
        background-color: var(--widget)!important;
        filter: brightness(130%);
    }
}

/* Style et Couleur des blocks Articles,Poster,etc... --------------------------------------- */
.table-white tr, #partage_table tbody tr, #mydeposit tbody #ownsub tr {
    transition: var(--transition);
}

.table-white tr:hover, #partage_table tbody tr:hover, #mydeposit tbody #ownsub tr:hover, .table-white tr:focus, #partage_table tbody tr:focus, #mydeposit tbody #ownsub tr:focus {
    background-color: #E5E5E5;
    box-shadow: 0px 3px 6px #00000029;
}


/* Decalage de la recherche dans le block des articles/poster etc...  --------------------------------------- */
.content-facet {
    margin-right: 22px;
    margin-top: 15px;
    margin-left: 22px;
    padding-bottom: 15px;
}

/* Style En-Tete des widgets --------------------------------------- */
.title-facet {
    color: var(--text-box);
    background-color: var(--effet);
}
.title-facet:hover {
    color: var(--text-box);
    background-color: var(--effet-hov);
}

/*============================ Cercle photo profil ==========================*/

.user-circle.photo {
    border-color: #000;
}

/*============================ Fond Picto Mail ==========================*/

.icon-cv {
    background: #00000080;
}

/*==================================================================================*/
/*===================================== Bouton ====================================*/
/*=================================================================================*/

/* Style Couleur des btns du CV ------------------------------------------------------- */
#domain-resume-visualization .hal-bgtext {
    background-color: var(--effet);
    color: var(--text-box);
    line-height: 2.5rem !important;
    display: inline-block !important;
    padding: 0px 12px;
    margin-top: 5px;
    transition: var(--transition);
}
#domain-resume-visualization .hal-bgtext:hover {
    background-color: var(--effet-hov);
}


/* Style Couleur des btns langue ------------------------------------------------------- */

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: none;
}
ul.nav-pills.light-border a {
    color: var(--effet);
    border: 1px solid var(--effet);
}
ul.nav-pills.light-border a.active {
    background-color: var(--effet);
    border-color: var(--effet);
}
ul.nav-pills.light-border a:not(.active):hover {
    background-color: #6C698038;
    border: 1px solid var(--effet);
}

/*==================================================================================*/
/*============================== Barre de Recherche ================================*/
/*=================================================================================*/

/* Taille de la zone de recherche --------------------------------------- */
#resume-content-document .section-shadow.pg-20 input {
    width: 70%;
}

/* Style et position de la loupe (Barre de Recherche) --------------------------------------- */
.icon-search::before {
    margin-left: -35px;
    color: var(--effet);
}

@media (prefers-color-scheme: light) {
    /* Style barre de recherche Publication ------------------------------------------------------- */
    .hal-second-search-input {
        border: none;
        color: var(--text);
        background-color: #fff;
        background-image: linear-gradient(0deg,var(--effet) 50%,#0000 0);
        background-position: 50%;
        background-position-y: 20px;
        background-repeat: no-repeat;
        background-size: 0;
        height: 48px;
        border-radius: 25px!important;
        text-indent: 25px;
        transition: var(--transition);
    }
    .hal-second-search-input.search:focus-visible {
        background-size: 100%;
    }
    .hal-second-search-input.search:hover {
        box-shadow: 0 3px 8px 0 #0000004f;
    }
    /* Transition du bouton rechercher a droite de la barre  ------------------------------------------------------------ */
    .btn-cv-export{
        transition: var(--transition);
    }

}

@media (prefers-color-scheme: dark) {
    /* Style barre de recherche Publication ------------------------------------------------------- */
    .hal-second-search-input {
        border: none;
        color: var(--text);
        background-color: var(--widget);
        background-image: linear-gradient(0deg,var(--effet) 50%,#0000 0);
        background-position: 50%;
        background-position-y: 20px;
        background-repeat: no-repeat;
        background-size: 0;
        height: 48px;
        border-radius: 25px;
        text-indent: 25px;
        transition: var(--transition);
        filter: brightness(70%);
    }
    .hal-second-search-input.search:focus-visible {
        background-size: 100%;
    }
    .hal-second-search-input.search:hover {
        box-shadow: 0 3px 8px 0 #0000004f;
    }

    /* Couleur du texte du bouton rechercher a droite de la barre + transition ------------------------------------------------------------ */
    .btn-cv-export{
        transition: var(--transition);
    }

    .btn-cv-export:hover{
        color: #fff!important;
    }
}

/*==================================================================================*/
/*===================================== FOOTER =====================================*/
/*=================================================================================*/

/* Style et couleur du footer ----------------------------------------------------------------------- */
footer {
    background-color: #272F3D !important;
    margin-top: 0px;
    padding-top: 50px;
}

/* Style et couleur du texte du footer ------------------------------------------------------------ */
footer li a {
    color: #fff;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size 0.3s;
}

/* Style et couleur du texte du footer hover ----------------------------------------------------------------------- */
footer li a:focus, footer li a:hover {
    color: #fff;
    background-size: 100% 1px;
    font-weight: 500;
}

/* Separateur du footer entre les elements  ----------------------------------------------------------------------- */
div.col-sm-4:nth-child(2), div.col-sm-4:nth-child(3), div.col-sm-4:nth-child(6) {
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    height: 175px;
}
/* Separateur du footer entre les elements  ----------------------------------------------------------------------- */
div.col-sm-4:nth-child(4){
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    height: 175px;
}

#chart-colors .chart-jauge-on {
    background-color: var(--jauge-on);
}
#chart-colors .chart-jauge-off {
    background-color: var(--jauge-off);
}
#chart-colors .chart-jauge-doc {
    background-color: var(--chart-doc);
}
#chart-colors .chart-jauge-data {
    background-color: var(--chart-data);
}
#chart-colors .chart-jauge-soft {
    background-color: var(--chart-soft);
}
.openaccess {
    color: var(--jauge-on);
}
