/***********************************************
 * VBO – stile e allineamenti header
 ***********************************************/

/* Tutte le label "option" dentro le views-form (VBO e simili) */
.views-form label.option{
  font-weight: 100 !important;
  color: #bbb6b6;
}

/* Riduce lo spazio verticale nell'header VBO */
.vbo-view-form #edit-header .form-item,
.vbo-view-form #edit-header .form-actions {
  margin-top: 1px !important;
}

/* === BLOCCO: "Selezionati" + checkbox sulla stessa riga (senza toccare i pulsanti) ===
   Mettiamo flex SOLO sul contenitore che contiene details + select-all.
   Usiamo il wrapper stabile con data-drupal-selector che inizia con edit-views-bulk-operations-bulk-form-
*/
.vbo-view-form #edit-header div[data-drupal-selector^="edit-views-bulk-operations-bulk-form-"]{
  display: flex !important;
  align-items: center !important;
  gap: 12px;
}

/* Box "Selezionati" (details) stretto al contenuto */
#edit-multipage.vbo-multipage-selector{
  color: rgb(121, 150, 149) !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
  margin: 0 !important;
  padding: 5px !important;

  display: inline-block !important;
  width: auto !important;
  max-width: max-content !important;
}

/* Summary stretto e allineato */
#edit-multipage.vbo-multipage-selector > summary{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 200 !important;
  width: max-content !important;
}

/* Checkbox + testo (select-all) allineati e NON a tutta larghezza */
.vbo-view-form #edit-header .js-form-item-select-all,
.vbo-view-form #edit-header .form-item-select-all{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;

  width: auto !important;
  max-width: max-content !important;
  flex: 0 0 auto !important;
  flex-basis: auto !important;

  margin: 0 !important;
}

/* Evita label “block” */
.vbo-view-form #edit-header .js-form-item-select-all label,
.vbo-view-form #edit-header .form-item-select-all label{
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  margin: 0 !important;
}

/* Micro-allineamento del checkbox */
.vbo-view-form #edit-header .js-form-item-select-all input[type="checkbox"],
.vbo-view-form #edit-header .form-item-select-all input[type="checkbox"]{
  margin: 0 !important;
}

/* ========================================================= */



/* Views/VBO: link negli header (sort) */
table.views-view-table thead th a,
table.vbo-table thead th a {
  color: #ffffff !important;     /* grigio fisso */
  font-weight: 200 !important;
  text-decoration: none !important;
}

/* Hover/focus: blu */
table.views-view-table thead th a:hover,
table.views-view-table thead th a:focus,
table.vbo-table thead th a:hover,
table.vbo-table thead th a:focus {
  color: #1079d5 !important;     /* blu hover */
  text-decoration: underline;    /* opzionale */
}

/* frecce ordinamento */
table.views-view-table thead th::before,
table.views-view-table thead th::after,
table.vbo-table thead th::before,
table.vbo-table thead th::after {
  color: inherit !important;
}