/* Pensato per vivere dentro .footer-widget del tema Rinascimento Europeo
   (sfondo blu navy, testo bianco attenuato, accento oro) — vedi le
   variabili --blue-navy/--gold/--white in style.css del tema. I fallback
   dopo la virgola valgono solo se il plugin viene usato fuori da quel
   contesto (es. come shortcode in un'altra area). */

.reya-wrap {
    font-size: inherit;
    line-height: 1.5;
}

.reya-wrap .reya-year {
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.reya-wrap .reya-year:last-child {
    border-bottom: none;
}

.reya-wrap summary {
    cursor: pointer;
    list-style: none;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 0;
    font-weight: 700;
    color: var(--white, #fff);
    -webkit-tap-highlight-color: transparent;
}
.reya-wrap summary::-webkit-details-marker {
    display: none;
}
.reya-wrap summary::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-right: 2px solid var(--gold, #d4b84a);
    border-bottom: 2px solid var(--gold, #d4b84a);
    transform: rotate(-45deg);
    transition: transform .15s ease;
}
.reya-wrap details[open] > summary::before {
    transform: rotate(45deg);
}
.reya-wrap summary:hover,
.reya-wrap summary:focus-visible {
    color: var(--gold, #d4b84a);
}

.reya-wrap .reya-months {
    list-style: none;
    margin: 0 0 8px;
    padding: 0 0 0 14px;
}

/* I link mese riusano lo stile ".footer-widget a" già definito dal tema
   (colore, hover oro, flex, prefisso "›"): qui si aggiunge solo lo
   spazio per il conteggio a destra, con lo stesso schema già usato per
   il conteggio delle categorie (margin-left:auto dentro un link flex). */
.reya-wrap .reya-months a .reya-count {
    margin-left: auto;
}

.reya-wrap .reya-count {
    color: rgba(255, 255, 255, .35);
    font-size: .72rem;
    font-weight: 400;
}

.reya-wrap summary .reya-count {
    margin-left: 4px;
}