/* ==================================================
   🔗 LINK & ICONS
================================================== */

.orange-icon {
  color: orange;
}

.org-link {
  color: orange;
  font-weight: 600;
  text-decoration: none;
}

.org-link:hover {
  text-decoration: underline;
}


/* ==================================================
   ⌨️ CURSORE TERMINALE
================================================== */

.cursor {
  display: inline-block;
  margin-left: 4px;
  color: orange;
  animation: blink 0.8s step-end infinite;
}

@keyframes blink {
  50% { opacity: 0; }
}


/* ==================================================
   🖥️ TERMINALE BASE
================================================== */

.terminal {
  font-family: "VT323", monospace;
  font-size: 22px;
  line-height: 1.3;

  color: orange;
  background: black;

  padding: 20px;
  border-radius: 8px;

  box-shadow: 0 0 20px rgba(255, 140, 0, 0.2);

  box-sizing: border-box;
  max-width: 100%;
  overflow-x: hidden;
}


/* ==================================================
   📄 RIGHE TERMINALE + ANIMAZIONE BOOT
================================================== */

.line {
  opacity: 0;
  transform: translateY(4px);
  animation: appear 0.6s forwards;
}

@keyframes appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* timing delle righe */
.delay1 { animation-delay: 1s; }
.delay2 { animation-delay: 2s; }
.delay3 { animation-delay: 3s; }

.success {
  animation-delay: 4s;
  color: #00ff88;
}

.line.blank {
  height: 1.2em;
}


/* ==================================================
   📦 OUTPUT DINAMICO TERMINALE
================================================== */

.terminal .output,
.terminal .terminal-text {
  white-space: pre-wrap;
  overflow-wrap: break-word;
  word-break: break-word;
  max-width: 100%;
}


/* ==================================================
   🔗 LISTA POST (READ MORE)
================================================== */

.read-more {
  display: inline-block;
  margin-top: 12px;
  color: orange;
  text-decoration: none;
}

.read-more:hover {
  text-decoration: underline;
}