/**
 * Copyable Text Button Styles
 * CSP-compliant styles for copyable code buttons
 */

/* Base button styles */
.copyable-code-button {
    background: transparent;
    color: #f97316;
    border: 2px dashed #f97316;
    padding: 0.25rem 0.75rem;
    border-radius: 0.25rem;
    cursor: pointer;
    font-family: 'Courier New', Courier, monospace;
    font-size: 1rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    transition: all 0.2s ease;
    vertical-align: baseline;
    white-space: nowrap;
}

/* Dark mode */
.dark .copyable-code-button {
    color: #fb923c;
    border-color: #fb923c;
}

/* Hover state */
.copyable-code-button:hover {
    background-color: rgba(249, 115, 22, 0.1);
}

.dark .copyable-code-button:hover {
    background-color: rgba(251, 146, 60, 0.1);
}

/* Copied state */
.copyable-code-button.copied {
    border-color: #10b981;
    color: #10b981;
    background-color: rgba(16, 185, 129, 0.1);
    cursor: default;
}

/* Prevent hover effect when copied */
.copyable-code-button.copied:hover {
    background-color: rgba(16, 185, 129, 0.1);
}