/* ============================================================================================ */
/* =                                                                                          = */
/* =                          TEMPLATE CONCUS PAR INRIA (DEC 2023) CLAIR                      = */
/* =                                                                                          = */
/* ============================================================================================ */

:root {

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

    /* 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: #384257;

    /* 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;
}

/*==============================================================================================*/
/*================================== 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);
}


/* 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);
}
/*==================================================================================*/
/*===================================== 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);
}

/* 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;
}

/*==================================================================================*/
/*===================================== 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);
}
