/*!
 * W3Teacher inline syntax highlighter — theme (GitHub Dark inspired)
 * Pairs with w3t-highlight.js
 */

.w3t-code-block {
  margin: 1rem 0 0;
  border-radius: .65rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .08);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .18);
}

.w3t-code-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #161b22;
  color: #8b949e;
  padding: .5rem .9rem;
  border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.w3t-code-lang {
  font-size: .72rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.w3t-code-copy {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, .14);
  color: #c9d1d9;
  border-radius: .4rem;
  padding: .2rem .6rem;
  font-size: .72rem;
  line-height: 1.4;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

  .w3t-code-copy:hover {
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .28);
    color: #fff;
  }

  .w3t-code-copy.copied {
    color: #3fb950;
    border-color: rgba(63, 185, 80, .4);
  }

/* Token colors */
.tok-kw      { color: #ff7b72; }
.tok-type    { color: #ffa657; }
.tok-str     { color: #a5d6ff; }
.tok-com     { color: #8b949e; font-style: italic; }
.tok-num     { color: #79c0ff; }
.tok-fn      { color: #d2a8ff; }
.tok-op      { color: #ff7b72; }
.tok-punc    { color: #c9d1d9; }
.tok-tag     { color: #7ee787; }
.tok-attr    { color: #79c0ff; }
.tok-attrval { color: #a5d6ff; }
.tok-ent     { color: #d2a8ff; }
.tok-prop    { color: #7ee787; }
.tok-bool    { color: #79c0ff; }
.tok-var     { color: #ffa657; }
.tok-deco    { color: #d2a8ff; }
.tok-prompt  { color: #56d364; font-weight: 700; }
.tok-sel     { color: #7ee787; }