/* АДАПТИВНАЯ СЕТКА ДЛЯ СТРАНИЦЫ DLE */
.addpost {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* На мобильных: сайдбар ПОД основным контентом */
.addpost__aside {
    order: 2; /* Сайдбар идет после контента */
    width: 100%;
}

.addpost__content {
    order: 1; /* Контент первый */
    width: 100%;
}

/* На планшетах и ПК: возвращаем исходную структуру */
@media (min-width: 768px) {
    .addpost {
        flex-direction: row;
    }
    
    .addpost__content {
        order: 1;
        flex: 1;
    }
    
    .addpost__aside {
        order: 2;
        width: 320px;
        flex-shrink: 0;
    }
}



/* Добавь этот CSS на страницу */
.ce-paragraph[data-placeholder]::before {
    color: var(--form-color) !important; /* Красный */
    opacity: 0.5 !important;
}

.ce-header[data-placeholder]::before {
    color: #00ff00 !important; /* Зеленый */
}

/* Или для всех плейсхолдеров сразу */
[data-placeholder]::before {
    color: #888888 !important; /* Серый */
    opacity: 0.7 !important;
}






/* Стили для тегов в редакторе */
.code-tag {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    font-size: 0.9em;
    display: inline-block;
    padding: 2px 4px;
    margin: 0 1px;
    border-radius: 3px;
    line-height: 1;
    vertical-align: baseline;
}

/* Темная тема */
.code-tag-dark {
    background-color: #2d2d2d;
    color: #569cd6;
    border: 1px solid #3e3e3e;
}

/* Светлая тема */
.code-tag-light {
    background-color: #f6f8fa;
    color: #d73a49;
    border: 1px solid #e1e4e8;
}

/* Синий вариант */
.code-tag-blue {
    background-color: #f1f8ff;
    color: #0366d6;
    border: 1px solid #c8e1ff;
}

/* Зеленый вариант */
.code-tag-green {
    background-color: #f0fff4;
    color: #22863a;
    border: 1px solid #b3e6b3;
}

/* Фиолетовый вариант */
.code-tag-purple {
    background-color: #f8f7ff;
    color: #6f42c1;
    border: 1px solid #d1c4e9;
}

/* Желтый/оранжевый вариант */
.code-tag-orange {
    background-color: #fffaf0;
    color: #e36209;
    border: 1px solid #ffcc80;
}

/* Стиль для открывающих/закрывающих скобок */
.code-tag-brackets::before {
    content: '<';
    color: #999;
}
.code-tag-brackets::after {
    content: '>';
    color: #999;
}

/* Для закрывающих тегов добавляем слеш */
.code-tag-closing::before {
    content: '</';
    color: #999;
}

/* Компактный стиль */
.code-tag-compact {
    font-size: 0.8em;
    padding: 1px 3px;
    border-radius: 2px;
}

/* Большой стиль */
.code-tag-large {
    font-size: 1em;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 500;
}