/* ====================================================================
   LISTMONK CUSTOM RETRO-ARCADE THEME
   ==================================================================== */

/* Palette Colori Principale */
:root {
  --bg-dark: #0f172a;       /* Slate 900 */
  --bg-card: #1e1b4b;       /* Indigo 950 */
  --neon-fuchsia: #cc7cf7;   /* Fucsia Brand */
  --neon-purple: #a855f7;    /* Purple 500 */
  --text-main: #f8fafc;      /* Slate 50 */
  --text-muted: #94a3b8;     /* Slate 400 */
}

/* Sfondo della pagina pubblica */
body {
  background-color: var(--bg-dark) !important;
  color: var(--text-main) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

/* Contenitore del modulo di iscrizione (Card) */
.listmonk-form-container, .card {
  background-color: var(--bg-card) !important;
  border: 4px solid var(--neon-purple) !important;
  border-radius: 0px !important; /* Rigid arcade square corners */
  box-shadow: 4px 4px 0px 0px var(--neon-fuchsia) !important; /* Retro shadow effect */
  padding: 2rem !important;
}

/* Campi di Input (Email, Nome) */
input[type="email"], input[type="text"], select {
  background-color: var(--bg-dark) !important;
  color: var(--text-main) !important;
  border: 2px solid var(--text-muted) !important;
  border-radius: 0px !important;
  font-family: inherit !important;
  padding: 0.75rem !important;
  transition: all 0.15s ease-in-out !important;
}

input[type="email"]:focus, input[type="text"]:focus {
  border-color: var(--neon-fuchsia) !important;
  outline: none !important;
  box-shadow: 0 0 8px rgba(204, 124, 247, 0.5) !important;
}

/* Pulsante di Iscrizione / Invio (Bouncing Arcade Button) */
button, input[type="submit"] {
  background-color: var(--neon-purple) !important;
  color: var(--text-main) !important;
  border: 3px solid #000000 !important;
  border-radius: 0px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 0.75rem 1.5rem !important;
  box-shadow: 4px 4px 0px 0px #000000 !important;
  cursor: pointer !important;
  transition: transform 0.15s, box-shadow 0.15s !important;
}

/* Effetto compressione tasto arcade al click/hover */
button:hover, input[type="submit"]:hover {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #000000 !important;
  background-color: var(--neon-fuchsia) !important;
}

button:active, input[type="submit"]:active {
  transform: translate(4px, 4px) !important;
  box-shadow: 0px 0px 0px 0px #000000 !important;
}

/* Label e testi di descrizione */
label {
  color: var(--neon-fuchsia) !important;
  font-weight: bold !important;
  margin-bottom: 0.5rem !important;
  display: block !important;
}

.text-muted, p {
  color: var(--text-muted) !important;
}