/*  Espace et disposition entre les dropdown  */
.dropdown-btn {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: auto;
}

/*  Bouton dropdown  */
.dropdown-btn button {
    background: white;
    border: 1px solid #d0d7de;
    border-radius: var(--main-border-radius);
    padding: 8px 12px;
    cursor: pointer;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Changement de couleur des bords du dropdown au passage de la souris */
.dropdown-btn button:hover {
    border-color: var(--main-hover-gray);
}

/* Liste des possibilté de filtre pour les dropdown */
.dropdown-panel {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 240px;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: var(--main-border-radius);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
    padding: 6px 0;
    display: none;
    max-height: 260px;
    overflow-y: auto;
    z-index: 999;
}

.dropdown-btn.active .dropdown-panel {
    display: block;
}

/*  Disposition des modalités de filtres dans dropdown-panel */
.dropdown-panel label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 0.7rem;
}

/* Changement de couleur au passage de la souris sur les modalités des filtres */
.dropdown-panel label:hover {
    background: var(--main-hover-gray);
}

/* Couleur et tailles des carrés pour les checkbox */
.dropdown-panel input[type="checkbox"] {
    width: 15px;
    height: 15px;
    accent-color: var(--main-color);
    cursor: pointer;
    flex-shrink: 0;
}

/* Veleur "Tous" */
.dropdown-panel label:first-child {
    font-weight: bold;
    color: var(--main-color);
    border-bottom: 1px solid #eee;
}

/* Boutons appliquer et réinitialiser les filtres */
#reset,
#reset-source,
#reset-time, 
#reset-state, 
#reset-subject, 
#reset-element {
    padding: 8px 16px;
    border: none;
    border-radius: var(--main-border-radius);
    cursor: pointer;
    font-size: 0.7rem;
    transition: background-color 0.3s, color 0.3s;
    color: #ffffff;
    max-width: 11rem;
    margin-bottom: 1rem;
    z-index: 1;
}

/*  Couleur du bouton réinitialiser les filtres */
#reset,
#reset-source,
#reset-time, 
#reset-state, 
#reset-subject, 
#reset-element {
    background-color: #a42828;
}

/* Couleur des boutons appliquer au passage de la souris */
#reset:hover,
#reset-source:hover,
#reste-time:hover {
    background-color: #c05757;
    zoom: 103%;
}

/* Disposition des blocs filtres (l'un a coté de l'autre) */
.filters {
    display: inline-flex;
}

/* Position des sunbursts */
#by_place,
#by_source,
#by_time {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: -4rem;
}

/* Taille des labels (textes) des part de sunburst */
.radial-label {
    font-size: 0.65rem;
}

/* Suppression du halo de base auteur des textes */
.sunburst-viz .text-contour {
    stroke: none;
}

/* Couleur et intensité de gras sur les labels */
.sunburst-viz text {
    fill: rgb(0, 0, 0);
    font-weight: 400;
}