/* ============================================
   jord0.skills — Terminal Aesthetic
   C:\> The command line is home
   ============================================ */

:root {
  --terminal-green: #39ff14;
  --terminal-amber: #ffbf00;
  --terminal-cyan: #00fff7;
  --terminal-dim: #555;
  --terminal-bg: #0a0a0a;
  --crt-glow: 0 0 10px rgba(57, 255, 20, 0.3);
}

/* ── Dark mode overrides ── */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #0d1117;
  --md-default-fg-color: #c9d1d9;
  --md-primary-fg-color: #c9d1d9;
  --md-primary-bg-color: #0d1117;
  --md-accent-fg-color: var(--terminal-green);
  --md-code-bg-color: #0a0a0a;
  --md-code-fg-color: var(--terminal-green);
  --md-typeset-a-color: var(--terminal-green);
}

/* ── Header ── */
.md-header {
  background: #0d1117 !important;
  border-bottom: 1px solid #21262d;
}

[data-md-color-scheme="slate"] .md-header__title {
  color: #e6edf3 !important;
  font-weight: 700;
}

[data-md-color-scheme="slate"] .md-header__topic {
  color: #e6edf3 !important;
}

[data-md-color-scheme="slate"] .md-header__topic + .md-header__topic {
  color: #8b949e !important;
}

[data-md-color-scheme="slate"] .md-header .md-icon {
  color: #8b949e;
}

[data-md-color-scheme="slate"] .md-header .md-icon:hover {
  color: var(--terminal-green);
}

/* ── Logo icon ── */
[data-md-color-scheme="slate"] .md-header__button.md-logo img,
[data-md-color-scheme="slate"] .md-header__button.md-logo svg,
[data-md-color-scheme="slate"] .md-header__button.md-logo {
  color: var(--terminal-green) !important;
}

/* ── Terminal-style code blocks ── */
[data-md-color-scheme="slate"] .highlight pre {
  background: var(--terminal-bg) !important;
  border: 1px solid #21262d;
  border-radius: 6px;
}

/* ── Glowing links ── */
[data-md-color-scheme="slate"] .md-typeset a {
  color: var(--terminal-green);
  text-decoration: none;
  transition: text-shadow 0.2s ease;
}

[data-md-color-scheme="slate"] .md-typeset a:hover {
  text-shadow: var(--crt-glow);
}

/* ── Navigation tabs ── */
[data-md-color-scheme="slate"] .md-tabs {
  background: #0d1117;
  border-bottom: 1px solid #21262d;
}

[data-md-color-scheme="slate"] .md-tabs__link {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #8b949e !important;
  opacity: 1 !important;
}

[data-md-color-scheme="slate"] .md-tabs__link:hover {
  color: #e6edf3 !important;
}

[data-md-color-scheme="slate"] .md-tabs__link--active {
  color: var(--terminal-green) !important;
}

/* ── Sidebar ── */
[data-md-color-scheme="slate"] .md-sidebar {
  background: #0d1117;
}

[data-md-color-scheme="slate"] .md-nav__link {
  color: #8b949e;
}

[data-md-color-scheme="slate"] .md-nav__link:hover {
  color: #e6edf3;
}

[data-md-color-scheme="slate"] .md-nav__link--active {
  color: var(--terminal-green) !important;
  font-weight: 700;
}

/* ── Admonition customization ── */
[data-md-color-scheme="slate"] .admonition {
  border-left: 3px solid;
  background: rgba(13, 17, 23, 0.8) !important;
}

[data-md-color-scheme="slate"] .admonition.tip {
  border-color: var(--terminal-green);
}

[data-md-color-scheme="slate"] .admonition.warning {
  border-color: var(--terminal-amber);
}

[data-md-color-scheme="slate"] .admonition.danger {
  border-color: #ff4444;
}

[data-md-color-scheme="slate"] .admonition.info {
  border-color: var(--terminal-cyan);
}

/* ── Skill cards on overview page ── */
.skill-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 1rem !important;
  margin: 1.5rem 0 !important;
}

.skill-card {
  background: #161b22 !important;
  border: 1px solid #30363d !important;
  border-radius: 8px !important;
  padding: 1.25rem 1.25rem 1rem !important;
  transition: all 0.2s ease !important;
  text-decoration: none !important;
  display: block !important;
  color: inherit !important;
}

.skill-card:hover {
  border-color: var(--terminal-green) !important;
  box-shadow: 0 0 20px rgba(57, 255, 20, 0.15) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.md-typeset .skill-card h3 {
  margin: 0 0 0.5rem 0 !important;
  font-family: 'JetBrains Mono', monospace !important;
  color: var(--terminal-green) !important;
  font-size: 0.95rem !important;
  border: none !important;
}

.md-typeset .skill-card p {
  margin: 0 0 0.5rem 0 !important;
  color: #8b949e !important;
  font-size: 0.82rem !important;
  line-height: 1.5 !important;
}

.tag {
  display: inline-block !important;
  padding: 2px 10px !important;
  font-size: 0.65rem !important;
  border-radius: 3px !important;
  font-family: 'JetBrains Mono', monospace !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin-top: 0.25rem !important;
}

.tag-context { background: rgba(57, 255, 20, 0.15) !important; color: var(--terminal-green) !important; }
.tag-quality { background: rgba(255, 191, 0, 0.15) !important; color: var(--terminal-amber) !important; }
.tag-research { background: rgba(0, 255, 247, 0.15) !important; color: var(--terminal-cyan) !important; }
.tag-cognitive { background: rgba(255, 68, 68, 0.15) !important; color: #ff6b6b !important; }
.tag-system { background: rgba(149, 128, 255, 0.15) !important; color: #9580ff !important; }
.tag-creative { background: rgba(255, 107, 53, 0.15) !important; color: #ff6b35 !important; }
.tag-development { background: rgba(34, 211, 238, 0.15) !important; color: #22d3ee !important; }

/* ── ASCII art hero ── */
.hero-ascii {
  text-align: center !important;
  padding: 1rem 0 0 !important;
  overflow-x: auto !important;
}

.hero-ascii pre {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-align: center !important;
}

.hero-ascii code {
  color: var(--terminal-green) !important;
  text-shadow: var(--crt-glow) !important;
  font-size: 0.55rem !important;
  line-height: 1.2 !important;
  background: transparent !important;
}


/* ── Blinking cursor effect ── */
.cursor::after {
  content: "\2588";
  animation: blink 1s step-end infinite;
  color: var(--terminal-green);
}

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

/* ── Command prompt styling ── */
.prompt {
  font-family: 'JetBrains Mono', monospace !important;
  color: var(--terminal-dim) !important;
  font-size: 0.85rem !important;
  background: var(--terminal-bg) !important;
  padding: 0.75rem 1rem !important;
  border-radius: 6px !important;
  border: 1px solid #21262d !important;
  margin: 1rem 0 !important;
}

.prompt .cmd {
  color: var(--terminal-green) !important;
}

/* ── Table styling ── */
[data-md-color-scheme="slate"] .md-typeset table:not([class]) {
  background: #0d1117;
  border: 1px solid #21262d;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) th {
  background: #161b22;
  color: var(--terminal-green);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td {
  border-color: #21262d;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) tr:hover td {
  background: #161b22;
}

[data-md-color-scheme="slate"] .md-typeset table:not([class]) td a strong {
  color: var(--terminal-green) !important;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.85rem;
}

/* ── Keyboard keys ── */
[data-md-color-scheme="slate"] .md-typeset .keys kbd {
  background: #161b22;
  border-color: #21262d;
  color: var(--terminal-green);
  box-shadow: none;
}

/* ── Footer ── */
[data-md-color-scheme="slate"] .md-footer {
  background: #0d1117;
  border-top: 1px solid #21262d;
}

/* ── Search ── */
[data-md-color-scheme="slate"] .md-search__input {
  background: #0d1117;
  border: 1px solid #21262d;
}

[data-md-color-scheme="slate"] .md-search__input::placeholder {
  color: var(--terminal-dim);
}

/* ── Scrollbar ── */
[data-md-color-scheme="slate"] ::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-track {
  background: #0d1117;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb {
  background: #21262d;
  border-radius: 3px;
}

[data-md-color-scheme="slate"] ::-webkit-scrollbar-thumb:hover {
  background: #30363d;
}

/* ── Recipe cards ── */
.recipe-card {
  background: #161b22 !important;
  border: 1px solid #30363d !important;
  border-radius: 8px !important;
  padding: 1.25rem 1.5rem !important;
  margin: 1rem 0 !important;
  transition: border-color 0.2s ease !important;
}

.recipe-card:hover {
  border-color: var(--terminal-cyan) !important;
  box-shadow: 0 0 15px rgba(0, 255, 247, 0.1) !important;
}

.md-typeset .recipe-card h3 {
  color: var(--terminal-cyan) !important;
  margin-top: 0 !important;
}

/* ── H1 styling ── */
[data-md-color-scheme="slate"] .md-typeset h1 {
  color: #e6edf3;
  font-weight: 700;
}

[data-md-color-scheme="slate"] .md-typeset h2 {
  color: #e6edf3;
  border-bottom: 1px solid #21262d;
  padding-bottom: 0.3rem;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .hero-ascii {
    font-size: 0.38rem !important;
  }
  .skill-grid {
    grid-template-columns: 1fr !important;
  }
}