/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
 * INDICATEUR DE PROGRESSION...............
 * MENU NAVIGATION PAR ANNÉE...............
 * FILTRE DOCTYPE..........................
 * PUBLIST.................................
 * PUBLICATION.............................
 * CALL OUT................................
*/

:root {
  --chart-colors-1: #2494db;
  --chart-colors-2: #197cbb;
  --chart-colors-3: #1c628f;
  --chart-colors-4: #58a3d3;
  --scroll-bar: #8eaecf;
  --scroll-bar-hv: #8eaecf;
  --scroll-track: #eee;
}

/* ------------------------------------ *\
  ==INDICATEUR DE PROGRESSION
\* ------------------------------------ */

.in-progress > div {
  display: inline-block;
}

.progress-dots span {
  height: 5px;
  width: 5px;
  background-color: #3c3b3b;
  border-radius: 50%;
  display: inline-block;
  margin-left: .35rem;
}

/* ------------------------------------ *\
  ==MENU NAVIGATION PAR ANNÉE
\* ------------------------------------ */
.year-navbar {
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.year-navbar a {
  min-width: 3rem;
  padding: 0 .5rem;
  margin: .35rem .5rem;
  border: #3c3b3b 1px solid;
  cursor: pointer;
  justify-content: space-around;
  display: flex;
  width: 5.8%;
  color: #3c3b3b;
}

.year-navbar a.active {
  background-color: #2494db;
  color: #fff;
}

.year-navbar a:hover {
  background-color: #2494db;
  color: #fff;
  text-decoration: none;
}

/* ------------------------------------ *\
  ==MENU NAVIGATION PAR MOT-CLÉS
\* ------------------------------------ */

.keywords.hal {
  margin-right: -4px;
}

.keyword-navbar {
  margin-bottom: 1rem;
  height: 10rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: hidden;
  overflow-x: scroll;
  scrollbar-width: auto;
  scrollbar-color: var(--scroll-bar) #fff;
  resize: vertical;
}

.keyword-navbar::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.keyword-navbar::-webkit-scrollbar {
  width: 23px;
  height: 23px;
}

.keyword-navbar::-webkit-scrollbar-track {
  background: var(--scroll-track);
  border-radius: 10px;
}

.keyword-navbar::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-bar-hv);
}

.keyword-navbar::-webkit-scrollbar-thumb {
  background-color: var(--scroll-bar);
  border-radius: 10px;
  border: solid 2px #d7e1e8;
}

.keyword-navbar a {
  padding: 0 .5rem;
  margin: .3rem .25rem;
  border: #337197 1px dotted;
  cursor: pointer;
  font-size: .85rem;
  color: #242424;
  justify-content: center;
  display: flex;   /*  inline-block; */
  width: 32.4%;
}

.keyword-navbar a.active {
  background-color: var(--scroll-bar);
  color: #fff;
}

.keyword-navbar a:hover {
  background-color: var(--scroll-bar-hv);
  color: #fff;
}

@media screen and (max-width: 640px) {
  .keyword-navbar {
    resize: none;
  }
}

/* ------------------------------------ *\
  ==FILTRE DOCTYPE
\* ------------------------------------ */
.doctype-filter {
  padding: .5rem 1rem;
  margin-bottom: 1rem;
}

.doctype-filter--item {
  display: inline-block;
  margin-right: .8rem;
  margin-bottom: .2rem;
}

.doctype-filter .doctype-filter--item > input[type="checkbox"] + label {
  padding-left: .32rem;
}

.doctype-filter .doctype-filter--item > input[type="checkbox"] {
  width: 1.2rem;
  height: 1.2rem;
}

.doctype-filter--item label {
  font-size: .8rem;
}

/* ------------------------------------ *\
  ==PUBLIST
\* ------------------------------------ */
[dir="ltr"] .hal ul {
  margin-left: 0;
}

.hal ul {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
}

.hal ul > li {
  margin-bottom: .5rem;
  padding: .58rem;
  border: solid 1px transparent;
}

.hal ul > li:hover {
  border: dotted 1px #676767;
}

.hal ul > li a {
  text-decoration: none;
}

/* ------------------------------------ *\
  ==PUBLICATION
\* ------------------------------------ */

.pub-item__uri {
  text-decoration: none;
  display: inline-block;
}

.pub-item__doctype {
  padding: .1rem .35rem;
  background-color: #e7e6e6;
  display: inline-block;
  color: #000;
  font-size: .75rem;
  border-radius: 6px;
}

.pub-item.selected {
  display: list-item;
}

.pub-item.not-selected {
  display: none;
}

.pub-item__title {
  font-weight: bold;
  line-height: 1.2rem;
  margin-bottom: .35rem;
  font-size: 1.1rem;
}

.pub-item__authors {
  line-height: 1.2rem;
  color: #242424;
  margin-bottom: .35rem;
  font-size: .88rem;
}

.pub-item__citation {
  line-height: 1.2rem;
  color: #575757;
  margin-bottom: .35rem;
  font-size: .88rem;
  font-style: oblique;
}

/* ------------------------------------ *\
  ==CALL OUT
\* ------------------------------------ */
.callout {
  position: relative;
  margin: 0 0 1rem;
  padding: 1rem;
  border: 1px solid rgb(10 10 10 / 25%);
  border-radius: 0;
  background-color: white;
}

.callout.alert {
  background-color: #f7e4e1;
  color: #0a0a0a;
}