/**
 * AI Subscription - Markdown content styles
 *
 * Applied to assistant message content rendered via marked.js / Parsedown.
 * Scoped under .ai-sub-app to avoid theme conflicts.
 * Uses CSS variables from ai-subscription-public.css.
 *
 * @package AI_Subscription
 * @since   1.0.1
 */

/* === INLINE CODE === */
.ai-sub-app .message.assistant .message-content code {
    font-family: var(--font-mono);
    font-size: 0.875em;
    background: var(--bg-tertiary);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--text-primary);
}

/* === CODE BLOCKS === */
.ai-sub-app .message.assistant .message-content pre {
    background: var(--bg-secondary);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-sm);
    padding: 14px 16px;
    overflow-x: auto;
    margin: 12px 0;
    font-size: 13px;
    line-height: 1.5;
}

.ai-sub-app .message.assistant .message-content pre code {
    background: transparent;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
}

/* Code block wrapper (for copy button) */
.ai-sub-app .message.assistant .message-content .code-block-wrapper {
    position: relative;
}

.ai-sub-app .message.assistant .message-content .code-copy-btn {
    position: absolute;
    top: 6px;
    right: 6px;
    padding: 4px 10px;
    font-size: 12px;
    font-family: var(--font-main);
    background: var(--bg-tertiary);
    color: var(--text-secondary);
    border: 1px solid var(--border-light);
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.15s;
}

.ai-sub-app .message.assistant .message-content .code-block-wrapper:hover .code-copy-btn {
    opacity: 1;
}

.ai-sub-app .message.assistant .message-content .code-copy-btn:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* === HEADINGS (demoted sizes for chat context) === */
.ai-sub-app .message.assistant .message-content h1,
.ai-sub-app .message.assistant .message-content h2,
.ai-sub-app .message.assistant .message-content h3,
.ai-sub-app .message.assistant .message-content h4,
.ai-sub-app .message.assistant .message-content h5,
.ai-sub-app .message.assistant .message-content h6 {
    color: var(--text-primary);
    margin: 16px 0 8px;
    line-height: 1.3;
    font-weight: 600;
}

.ai-sub-app .message.assistant .message-content h1 { font-size: 1.25em; }
.ai-sub-app .message.assistant .message-content h2 { font-size: 1.15em; }
.ai-sub-app .message.assistant .message-content h3 { font-size: 1.05em; }
.ai-sub-app .message.assistant .message-content h4,
.ai-sub-app .message.assistant .message-content h5,
.ai-sub-app .message.assistant .message-content h6 { font-size: 1em; }

.ai-sub-app .message.assistant .message-content > *:first-child {
    margin-top: 0;
}

/* === LISTS === */
.ai-sub-app .message.assistant .message-content ul,
.ai-sub-app .message.assistant .message-content ol {
    margin: 8px 0;
    padding-left: 24px;
}

.ai-sub-app .message.assistant .message-content li {
    margin-bottom: 4px;
}

.ai-sub-app .message.assistant .message-content li > p {
    margin-bottom: 4px;
}

/* === BLOCKQUOTES === */
.ai-sub-app .message.assistant .message-content blockquote {
    border-left: 3px solid var(--accent);
    margin: 12px 0;
    padding: 4px 16px;
    color: var(--text-secondary);
    background: var(--accent-subtle);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.ai-sub-app .message.assistant .message-content blockquote p {
    margin-bottom: 4px;
}

/* === TABLES === */
.ai-sub-app .message.assistant .message-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 12px 0;
    font-size: 14px;
}

.ai-sub-app .message.assistant .message-content th,
.ai-sub-app .message.assistant .message-content td {
    border: 1px solid var(--border-light);
    padding: 8px 12px;
    text-align: left;
}

.ai-sub-app .message.assistant .message-content th {
    background: var(--bg-secondary);
    font-weight: 600;
}

.ai-sub-app .message.assistant .message-content tr:nth-child(even) td {
    background: var(--bg-secondary);
}

/* === LINKS === */
.ai-sub-app .message.assistant .message-content a {
    color: var(--accent);
    text-decoration: none;
}

.ai-sub-app .message.assistant .message-content a:hover {
    text-decoration: underline;
}

/* === HORIZONTAL RULE === */
.ai-sub-app .message.assistant .message-content hr {
    border: none;
    border-top: 1px solid var(--border-light);
    margin: 16px 0;
}

/* === STRONG / EMPHASIS === */
.ai-sub-app .message.assistant .message-content strong {
    font-weight: 600;
    color: var(--text-primary);
}

/* === IMAGES === */
.ai-sub-app .message.assistant .message-content img {
    max-width: 100%;
    border-radius: var(--radius-sm);
    margin: 8px 0;
}

/* === PARAGRAPHS === */
.ai-sub-app .message.assistant .message-content > *:last-child {
    margin-bottom: 0;
}