/* Variabili di base (ridefinibili per modulo).
   Palette ispirata al logo: blu profondo + arancio come accento. */
:root{
	--base-unit: 10px;

	/* Font */
	--font-base: 'Nunito', sans-serif;
	--font-enfasi: 'Nunito', sans-serif;

	/* Layout */
	--height-header: 8rem;
	--height-footer: 40rem;

	/* Neutri */
	--bg-color: #ffffff;
	--header-color: #0b121a;  /* testo scuro */
	--footer-color: #0b121a;
	--p-color: #4b5563;       /* grigio leggibile */

	/* Colori principali (logo) */
	--primary-color: #074271; /* blu profondo (logo) */
	--accent-color:  #f6941d; /* arancio (logo) */

	/* Titoli/link */
	--h-color: var(--primary-color);
	--a-color: var(--primary-color);

	/* Hover */
	--hover1-color: var(--accent-color);
	--hover2-color: #0d75bc; /* blu più vivo (secondario, opzionale) */

    --btn-color: #fff;
    --btn-bg-color: var(--a-color);
    --btn-br-color: #171717 ;
    --btn-hover-color: var(--btn-color);
    --btn-bg-hover-color: #39b54a;
    --btn-br-hover-color: var(--btn-br-color);
    --btn-disabled-color: #000;
    --btn-bg-disabled-color: #999;
    --btn-br-disabled-color: var(--btn-br-color);

	--chip-color: var(--btn-hover-color);
	--chip-bg-color: var(--btn-bg-hover-color);
	--chip-br-color: var(--btn-br-hover-color);
}

.datidiscente .grigliapresenzehead,
.datidiscente .grigliapresenze{
  grid-template-columns: 3fr 3fr 1fr !important;
}
.datidiscente .grigliapresenzehead.dettagli,
.datidiscente .grigliapresenze.dettagli{
  grid-template-columns: 1fr 1fr 2fr 2fr 1fr !important;
}
.datidiscente .grigliapresenzehead.modifica,
.datidiscente .grigliapresenze.modifica{
  grid-template-columns: 3fr 3fr 1fr 110px !important;
}
.datidiscente .grigliapresenzehead.dettagli.modifica,
.datidiscente .grigliapresenze.dettagli.modifica{
  grid-template-columns: 1fr 1fr 2fr 2fr 1fr 110px !important;
}
.scalare{ display: none !important; }

/* override styles when printing */
@media print{
  #registropresenze h3{ font-size: 10pt !important; }
  #registropresenze .orarisessioni{ font-size: 10pt !important; }
  #registropresenze .datidiscente .nominativo{ font-size: 10pt !important; }
  #registropresenze .grigliapresenzehead .headgr{ font-size: 10pt !important; }
  #registropresenze .grigliapresenze .testo{ font-size: 10pt !important; }
  #registropresenze .grigliapresenze .orario input:disabled{ font-size: 10pt !important; }
  #registropresenze .datidiscente .totaltime{ font-size: 10pt !important; }
  .datidiscente .infodisc{ display: none !important; }

  .grigliapresenzetotal .grigliapresenze.modifica,
  .datidiscente .grigliapresenzehead.modifica{
    grid-template-columns: 3fr 3fr 1fr !important;
  }
  .grigliapresenzetotal .grigliapresenze.dettagli.modifica,
  .datidiscente .grigliapresenzehead.dettagli.modifica{
    grid-template-columns: 1fr 1fr 2fr 2fr 1fr !important;
  }
}