/**
 * VALT Documents Manager — stili frontend
 * Caricato su tutte le pagine pubbliche tramite VDM_Shortcodes::enqueue_styles().
 */

/* -------------------------------------------------------------------------
   Lista documenti (wrapper dello shortcode [valt_documents_list])
   ------------------------------------------------------------------------- */

.vdm-documents-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* -------------------------------------------------------------------------
   Bottone base (applicato a tutti i tipi)
   ------------------------------------------------------------------------- */

.vdm-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  text-decoration: none;
  line-height: 1.2;
  transition: opacity 0.15s ease;
  cursor: pointer;
}

.vdm-button:hover {
  opacity: 0.85;
  text-decoration: none;
}

/* -------------------------------------------------------------------------
   Modificatori per tipo documento (BEM: .vdm-button--{type})
   Personalizza i colori qui in base al design del sito.
   ------------------------------------------------------------------------- */

.vdm-button--tds {
  background-color: #1a73e8;
  color: #ffffff;
}

.vdm-button--sds {
  background-color: #e8710a;
  color: #ffffff;
}

.vdm-button--dop {
  background-color: #1e8e3e;
  color: #ffffff;
}

.vdm-button--vdc {
  background-color: #6c3eb7;
  color: #ffffff;
}