/* Overlay full-page effetto vetro durante creazione o modifica dei certificati*/
.loader-overlay {
  position: fixed;
  inset: 0;
  display: none;                 /* hidden di default */
  align-items: center;
  justify-content: center;
  background: rgba(150,150,150,0.30); /* grigio AKT con trasparenza */
  backdrop-filter: blur(3px) saturate(0.9);
  -webkit-backdrop-filter: blur(3px) saturate(0.9);
  z-index: 9999;

  /* Permetti interazioni/scroll sulla pagina sotto */
  pointer-events: none;
}
.loader-overlay.active { display: flex; }

/* Contenitore stack del loader */
.loader-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  /* assicurati che il blocco non intercetti eventi */
  pointer-events: none;
}

/* Testo visibile sotto il loader */
.loader-caption {
  font-size: 14px;
  line-height: 1.2;
  color: #434343;             /* leggibile sul vetro grigio */
  text-shadow: 0 1px 1px rgba(255,255,255,0.35);
  user-select: none;
}

/* SR-only (se non usi già Tailwind sr-only) */
.sr-only {
  position: absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Theme AKT per il loader typewriter */
.typewriter.akt {
  --blue:       #f58f00; /* arancione AKT */
  --blue-dark:  #969696; /* grigio AKT */
  --key:        #ffffff;
  --paper:      #ffffff;
  --text:       #969696;
  --tool:       #f58f00;
}