/* ============================================================
   code-enhance.css — copy buttons + code block polish
   Loaded site-wide via footer.php. Works with or without
   highlight.js (which code-enhance.js lazy-loads if needed).
   ============================================================ */
.code-block{
  position:relative; margin:22px 0; border-radius:12px; overflow:hidden;
  border:1px solid rgba(255,255,255,.08); background:#0c1a30;
  box-shadow:0 6px 24px rgba(0,0,0,.18);
}
.code-bar{
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 14px; background:#0a1424; border-bottom:1px solid rgba(255,255,255,.06);
}
.code-lang{
  font-size:11px; letter-spacing:.6px; color:#8fa8c8; font-weight:700;
  font-family:'JetBrains Mono',ui-monospace,monospace; text-transform:uppercase;
}
.code-copy{
  cursor:pointer; border:1px solid rgba(255,255,255,.14); background:transparent;
  color:#dbeafe; font-size:12px; font-weight:700; padding:4px 12px; border-radius:6px;
  display:inline-flex; align-items:center; gap:6px; transition:background .15s,border-color .15s,color .15s;
  font-family:inherit;
}
.code-copy:hover{ background:rgba(37,99,235,.18); border-color:#2563eb; }
.code-copy:active{ transform:translateY(1px); }
.code-copy.ok{ color:#34d399; border-color:#34d399; background:rgba(52,211,153,.10); }
.code-copy svg{ width:13px; height:13px; }

.code-block pre{
  margin:0; padding:16px 18px; overflow:auto; background:#0c1a30; color:#dbeafe;
  font-family:'JetBrains Mono',ui-monospace,monospace; font-size:13.5px; line-height:1.6;
}
.code-block pre code{ background:none !important; padding:0; font-family:inherit; }

/* thin, dark scrollbar for code */
.code-block pre::-webkit-scrollbar{ height:8px; }
.code-block pre::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.14); border-radius:8px; }

/* keep highlight.js background transparent so our wrapper shows through */
.code-block pre code.hljs{ background:transparent; padding:0; }