/* SnippetPress — Front-end styles */

.snippetpress-block {
    position: relative;
    margin: 1.5em 0;
    border-radius: 6px;
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.6;
    background: #1e1e2e;
}

.snippetpress-block code {
    font-family: 'Fira Code', 'JetBrains Mono', 'Source Code Pro', 'Consolas', 'Monaco', monospace;
    tab-size: 4;
    -moz-tab-size: 4;
    white-space: pre;
    word-wrap: normal;
    overflow-x: auto;
    display: block;
}

.snippetpress-title {
    background: #313244;
    color: #cdd6f4;
    padding: 0.5em 1em;
    font-size: 0.8rem;
    font-weight: 600;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    border-bottom: 1px solid #45475a;
}

/* Copy button (progressive enhancement via JS) */
.snippetpress-copy-btn {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    background: #45475a;
    color: #cdd6f4;
    border: none;
    border-radius: 4px;
    padding: 0.3em 0.6em;
    font-size: 0.75rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.snippetpress-block:hover .snippetpress-copy-btn {
    opacity: 1;
}

.snippetpress-copy-btn:hover {
    background: #585b70;
}

/* Responsive: allow horizontal scroll on small screens */
@media (max-width: 600px) {
    .snippetpress-block {
        font-size: 0.8rem;
    }
}