/* CSS per le tab WooCommerce personalizzate */

/* Stile per le icone nelle tab di WooCommerce */
.olg-woo-tab-icon {
  display: inline-block;
  vertical-align: middle; /* Centra verticalmente l'icona rispetto al testo */
  width: 22px; /* Dimensione predefinita */
  height: 22px; /* Dimensione predefinita */
  margin-right: 5px; /* Spazio tra l'icona e il testo */
  margin-bottom: 4px; /* Spazio tra l'icona e il testo */
  margin: 0 5px 4px 5px; /* Spazio tra l'icona e il testo */

}

/* Stile per le colonne della dashboard */
.wp-list-table .column-title {
  text-align: left; /* Titolo allineato a sinistra */
}
.wp-list-table .column-tab_priority {
  text-align: center; /* Priorità centrata */
  width: 80px; /* Dimensione adeguata alla colonna */
}
.wp-list-table .column-date {
  text-align: left; /* Data allineata a sinistra */
}

/* Stile responsivo per migliorare l'accessibilità su schermi piccoli */
@media screen and (max-width: 600px) {
  .olg-woo-tab-icon {
    width: 22px; /* Dimensione ridotta per dispositivi mobili */
    height: 22px;
    margin: 0 5px 4px 5px; /* Spazio tra l'icona e il testo */
  }

  .wp-list-table .column-title,
  .wp-list-table .column-tab_priority,
  .wp-list-table .column-date {
    font-size: 12px; /* Riduce il font su dispositivi mobili */
  }
}