/* Thème Terminal localisé à la section Cybersécurité */

.terminal-scope {
  /* Palette terminal verte */
  --term-text: #d0f7cf;
  --term-muted: #7ad07a;
  --term-primary: #00d364;
  --term-primary-600: #00b457;
  --term-accent: #00ff88;
  --term-border: #103618;
  color: var(--term-text);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: radial-gradient(80% 80% at 50% 20%, #0b130e 0%, #070b07 60%, #050805 100%);
  border: 1px solid var(--term-border);
  border-radius: 12px;
  padding: 16px;
  position: relative;
}

/* Effet scanlines léger dans le conteneur */
.terminal-scope::after {
  content: "";
  position: absolute; inset: 0; pointer-events: none;
  background: repeating-linear-gradient(180deg, rgba(0,0,0,.10) 0, rgba(0,0,0,.10) 1px, transparent 3px, transparent 4px);
  mix-blend-mode: overlay; opacity: .25; border-radius: 12px;
}

/* Barre type terminal locale */
.terminal-scope .term-bar { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--term-border); border-radius: 8px; background: #0b130e; margin-bottom: 12px }
.terminal-scope .term-bar .dot { width: 10px; height: 10px; border-radius: 50% ; display: inline-block; }
.terminal-scope .term-bar .red { background: #ff5f56 }
.terminal-scope .term-bar .yellow { background: #ffbd2e }
.terminal-scope .term-bar .green { background: #27c93f }
.terminal-scope .term-bar .term-title { color: var(--term-muted); font-size: .9rem; margin-left: 4px }

/* En-tête ASCII + ligne de commande */
.terminal-scope .terminal-header { margin: 12px 0 8px 0 }
.terminal-scope .ascii-art { margin: 0 0 8px 0; color: var(--term-muted); line-height: 1.1; font-size: 12px; white-space: pre; overflow: auto; }
.terminal-scope .type-line { display: flex; align-items: center; gap: 8px; color: var(--term-text) }
.terminal-scope .prompt { color: var(--term-primary) }
.terminal-scope #cyberType { min-height: 1em }

/* Liens et boutons façon console, scoping strict */
.terminal-scope a { color: var(--term-primary); text-decoration: none }
.terminal-scope a:hover { text-decoration: underline }
.terminal-scope .btn { border-color: var(--term-primary); color: var(--term-primary); background: transparent; box-shadow: none }
.terminal-scope .btn-primary { color: #06110a; background: var(--term-primary); border-color: var(--term-primary) }
.terminal-scope .btn-primary:hover { background: var(--term-primary-600) }
.terminal-scope .btn-secondary { background: transparent }
.terminal-scope .cyber-card-actions .btn { padding: 0.55rem 0.9rem; font-size: 0.85rem; border-radius: 14px }
.terminal-scope .cyber-card-actions .btn-primary { box-shadow: none }

/* Blocs internes */
.terminal-scope .card,
.terminal-scope .list-item,
.terminal-scope .contact-form { background: #061408; border: 1px solid var(--term-border); box-shadow: none }
.terminal-scope .tag-list li { border-color: var(--term-border); background: #071a0c }
.terminal-scope .timeline { border-left-color: var(--term-border) }
.terminal-scope .timeline > li::before { background: var(--term-primary) }

/* Titres de la section avec prompt */
.terminal-scope h2::before {
  content: "sec@portfolio:~$ ";
  color: var(--term-primary);
  font-weight: 400;
}

/* Curseur clignotant utilitaire (si besoin) */
.terminal-scope .type-cursor { display: inline-block; width: 8px; color: var(--term-primary); animation: blink 1s steps(1,end) infinite }
@keyframes blink { 50% { opacity: 0 } }

.terminal-scope .card::before { content: none; }