/* Terminal Retro Theme — v4 (no top bar, no navbar-collapse border line, full site restored) */

:root{
  --bg0:#050b14;
  --bg1:#071225;
  --border:rgba(148,163,184,.22);
  --text:#e2e8f0;
  --muted:#94a3b8;
  --link:#22c55e;
  --link2:#38bdf8;
  --shadow: rgba(0,0,0,.45);
  --mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

html, body{
  margin:0;
  background-color: var(--bg0);
  color: var(--text);
  font-family: var(--mono);
}

/* Gradient backdrop layer (fixed) */
body{
  position: relative;
  inset: 0;
  z-index: 0;
  background: radial-gradient(1200px 800px at 20% 10%, rgba(34,197,94,.08), transparent 55%),
              radial-gradient(900px 700px at 80% 30%, rgba(56,189,248,.08), transparent 55%),
              linear-gradient(180deg, var(--bg0), var(--bg1));
}

a{ color: var(--link); text-decoration:none; }
a:hover{ color: var(--link2); text-decoration:underline; }

/* Navbar */
.navbar{
  background: rgba(5,11,20,.85) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}
.navbar-brand{
  font-weight: 900;
  letter-spacing: .2px;
  color: var(--text) !important;
}
.nav-link{ color: rgba(226,232,240,.78) !important; }
.nav-link:hover{ color: var(--link2) !important; }
.nav-link.active{ color: var(--link) !important; text-decoration: underline; }

/* IMPORTANT: remove the stray line */
.navbar-collapse{
  border-top: 0 !important;
  margin-top: .75rem;
  padding-top: .5rem;
}

@media (max-width: 991.98px){
  .navbar-collapse{
    background: rgba(0,0,0,.22);
    border: 1px solid rgba(148,163,184,.18);
    border-radius: 14px;
    padding: .75rem 1rem;
    margin-top: .75rem;
  }
  .navbar-nav .nav-link{ padding: .6rem .25rem; }
}

/* Hero */
.vp-hero{ border-bottom: 1px solid var(--border); }
.vp-kicker{
  color: var(--muted);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: .85rem;
}
.vp-title{ font-weight: 900; letter-spacing: -.6px; }
.vp-subtitle{ color: rgba(226,232,240,.85); font-size: 1.05rem; }

/* Window cards */
.vp-window{
  border: 1px solid var(--border);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(11,22,45,.92), rgba(13,26,51,.92));
  box-shadow: 0 16px 40px var(--shadow);
  overflow: hidden;
}
.vp-window-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.75rem 1rem;
  border-bottom:1px solid rgba(148,163,184,.18);
  background: rgba(5,11,20,.35);
}
.vp-dots{ display:flex; gap:.4rem; }
.vp-dot{
  width:.72rem; height:.72rem; border-radius:999px;
  border:1px solid rgba(148,163,184,.26);
}
.vp-dot.red{ background: rgba(251,113,133,.25); }
.vp-dot.amber{ background: rgba(251,191,36,.25); }
.vp-dot.green{ background: rgba(34,197,94,.25); }

.vp-window-title{ color: var(--muted); font-weight: 800; font-size:.92rem; }
.vp-window-body{ padding:1.25rem; }

.vp-badge{
  border:1px solid rgba(148,163,184,.28);
  background: rgba(5,11,20,.35);
  padding:.33rem .55rem;
  border-radius:999px;
  font-size:.85rem;
  display:inline-block;
  margin:.25rem .25rem 0 0;
}

.vp-section-title{ font-weight: 900; }
.vp-hr{ border-top:1px dashed rgba(148,163,184,.26); margin:1.25rem 0; }

.btn-primary{
  background: rgba(34,197,94,.18);
  border:1px solid rgba(34,197,94,.42);
  color: var(--text);
}
.btn-primary:hover{
  background: rgba(34,197,94,.28);
  border-color: rgba(34,197,94,.58);
  color: var(--text);
}
.btn-outline-secondary{
  border:1px solid rgba(148,163,184,.34);
  color: rgba(226,232,240,.88);
}
.btn-outline-secondary:hover{
  background: rgba(56,189,248,.16);
  border-color: rgba(56,189,248,.55);
  color: var(--text);
}

pre{
  background: rgba(0,0,0,.35);
  border:1px solid rgba(148,163,184,.18);
  border-radius:14px;
  padding:1rem;
  overflow-x:auto;
  color: rgba(226,232,240,.92);
}

.vp-footer{
  border-top:1px solid var(--border);
  color: var(--muted);
  background: rgba(5,11,20,.35);
  font-size: .95rem;
}
.vp-counter{
  border:1px solid rgba(148,163,184,.25);
  border-radius:10px;
  padding:.25rem .55rem;
  display:inline-block;
  color: rgba(226,232,240,.90);
  background: rgba(0,0,0,.25);
}


/* Brand logo */
.vp-logo{height:28px; width:auto; opacity:.95;}


/* Center terminal window titles */
.vp-window-header {
  position: relative;
}

.vp-window-title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
}



/* Terminal-style navbar toggler */
.navbar-toggler {
  border: 1px solid rgba(226,232,240,.35);
  padding: .35rem .5rem;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.navbar-toggler-icon {
  background-image: none;
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}

.navbar-toggler-icon::before {
  content: ">_";
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: .9rem;
  line-height: 1.25rem;
  color: rgba(226,232,240,.9);
  position: absolute;
  top: 0;
  left: 0;
}