/* ============================================================
   COPY-CODE.CSS — pre bloklarındaki Copy Code butonu stilleri
   Bağımlılık: base.css (--surface-2, --border, --brand, --success vb.)
               code-highlight.css (pre üzerinde çalışır)
   ============================================================ */

.code-copy-button {
    position: absolute;
    top: 0.55rem;
    right: 0.65rem;
    z-index: 2;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--surface-2);
    border: 1px solid var(--border);
    border-radius: 5px;
    padding: 0 0.6rem;
    font-size: 0.68rem;
    line-height: 1;
    color: var(--text-muted);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s, background 0.2s, color 0.2s;
}

pre:hover .code-copy-button,
.code-copy-button:focus {
    opacity: 1;
}

.code-copy-button:hover {
    background: var(--brand);
    color: #fff;
    border-color: var(--brand);
}

.code-copy-button.is-copied {
    background: var(--success);
    color: #fff;
    border-color: var(--success);
    opacity: 1;
}