/* Riquadro che racchiude ogni categoria di documenti (titolo + card PDF),
   per separarle visivamente l'una dall'altra (documenti.html), senza bordo */
.categoria-documenti {
  /* Il riquadro si stringe intorno al proprio contenuto (una categoria con
     1 solo documento non deve occupare la larghezza del container con
     mezzo riquadro vuoto), ma non supera mai la larghezza disponibile su
     schermi piccoli */
  width: fit-content;
  max-width: 100%;
}

/* Card documento (documenti.html, etichettatura_ambientale.html - vedi
   partials/card_documento.html): stesso blu della navbar invece del bianco
   di default, dato che stanno su sfondo bianco e altrimenti si vedrebbe solo
   il bordo grigio chiaro di Bootstrap a distinguerle dalla pagina.
   Selettore con due classi (invece di una sola, che avrebbe comunque la
   stessa specificita' di ".card" di Bootstrap) apposta per vincere sempre,
   a prescindere dall'ordine di caricamento dei fogli di stile (stessa nota
   gia' presente altrove in questo file per ".alert-info") */
.card.card-documento {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

/* Separatore tra il corpo (titolo) e il footer (icona PDF) della card:
   di default il "card-footer" di Bootstrap ha un bordo superiore grigio
   chiaro, invisibile sullo sfondo blu impostato sopra. Lo si rende bianco
   per farlo risaltare */
.card.card-documento .card-footer {
  border-top-color: #fff;
}