/**
 * Стили для инлайн-кода
 * Красивый моношрифт с фоном и закруглениями
 */

/* Инлайн-код в контенте */
.prose code:not(pre code),
code:not(pre code) {
    font-size: 0.875em;
    background-color: #f1f5f9;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
    letter-spacing: -0.01em;
    font-weight: normal !important;
}

/* Темная тема для инлайн-кода */
.dark code:not(pre code),
[data-theme="dark"] code:not(pre code) {
    color: #f472b6;
    background-color: #1e293b;
    border-color: #334155;
}

/* Стили для редактора TinyMCE */
.mce-content-body code:not(pre code) {
    font-family: 'Geist Mono', 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
    font-size: 0.875em;
    color: #e11d48;
    background-color: #f1f5f9;
    padding: 0.125rem 0.375rem;
    border-radius: 0.25rem;
    border: 1px solid #e2e8f0;
    white-space: nowrap;
    letter-spacing: -0.01em;
}

/* Hover эффект */
code:not(pre code):hover {
    background-color: #e2e8f0;
    border-color: #cbd5e1;
}

/* Различные варианты цветов для разных типов кода */
code.code-filename {
    color: #0891b2;
    background-color: #ecfeff;
    border-color: #cffafe;
}

code.code-command {
    color: #16a34a;
    background-color: #f0fdf4;
    border-color: #dcfce7;
}

code.code-variable {
    color: #7c3aed;
    background-color: #f5f3ff;
    border-color: #ede9fe;
}

/* Убираем кавычки, если они есть */
code:not(pre code)::before,
code:not(pre code)::after {
    content: '' !important;
}

/* Для блоков кода (не инлайн) сохраняем стандартный вид */
pre code {
    font-size: 0.875rem;
    line-height: 1.7;
    color: inherit;
    background-color: transparent;
    padding: 0;
    border: none;
    border-radius: 0;
    white-space: pre;
}

/* Для лучшей читаемости на мобильных */
@media (max-width: 640px) {
    code:not(pre code) {
        font-size: 0.8125em;
        padding: 0.1rem 0.3rem;
    }
}