/*
 ACTIVITÉS DU CALENDRIER
*/
.liste_activites {
    color: white;
    background-color:rgba(255, 255, 255, 0.65);
}

/*div.activite {
    border: 1px dotted black;
    font-size: 1rem;
    padding: 5px;
}

div.activite h3 {
    font-size: 1.3rem;
    text-align: center;
    color: black;
}

div.activite p {
    padding:2px;
    text-align: left;
    color: black;
}

div.difficultee {
    border: 1px dotted white;
    max-width: 800px;
    font-size: 1rem;
    padding: 5px;
    place-content: left;
    text-align: left;
}

div.activite_details h3 {
    font-size: 1.8rem;
    padding:10px;
    padding-left:15px;
    text-align: left;
    color: white;
}

div.activite_details p {
    font-size:1.4rem;
    padding:10px;
    padding-left:30px;
    text-align: left;
    color: white;
}*/


.difficultee-badge {
    display: inline-block;
    min-width: 2.5rem;
    text-align: center;
}

/*.legende-difficultee .badge {
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.legende-difficultee a.badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15);
}

.legende-type-activite .badge {
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.legende-type-activite .badge:hover {
    transform: translateY(-1px);
    box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15);
}

.legende-type-activite .badge.active {
    outline: 2px solid rgba(0,0,0,.25);
}*/

.legend-title{
  font-weight: 600;
  color: #495057; /* bootstrap-ish muted */
  font-size: .9rem;
  text-transform: none;
  margin-bottom: 0;
}

.legend-toolbar .badge{
  transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.legend-toolbar .badge:hover{
  transform: translateY(-1px);
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.12);
}

/* Active badge highlight (works regardless of bg color) */
.legend-toolbar .badge.is-active,
.legend-toolbar .badge.active{
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,.15);
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 1px;
}