/* —— Prism: резервные цвета —— */
pre.pre-block {
    margin: 1rem 0;
}

pre.pre-block code {
    font-size: 0.9rem;
}

pre.pre-block .token.comment {
    color: #6a9955;
}

pre.pre-block .token.keyword {
    color: #569cd6;
}

pre.pre-block .token.string {
    color: #ce9178;
}

pre.pre-block .token.number {
    color: #b5cea8;
}

pre.pre-block .token.punctuation {
    color: #d4d4d4;
}

pre.pre-block .token.tag {
    color: #569cd6;
}

pre.pre-block .token.attr-name {
    color: #9cdcfe;
}

pre.pre-block .token.attr-value {
    color: #ce9178;
}

pre.pre-block .token.property {
    color: #9cdcfe;
}

pre.pre-block .token.function {
    color: #dcdcaa;
}

pre.pre-block .token.operator {
    color: #d4d4d4;
}

.copy-to-clipboard-button span{
    line-height: 22px;
}
/* Добавляем иконку ПОСЛЕ текста "Copy" */
.copy-to-clipboard-button span::after {
    content: ' 📋'; /* Пробел перед эмодзи для отступа */
    font-size: 1.2em; /* Чуть крупнее текста */
    vertical-align: middle; /* Выравнивание по центру строки */
}

/* Когда скопировано успешно (плагин добавляет класс copy-success или меняет текст) */
/* Примечание: Prism обычно меняет текст на "Copied!", поэтому ::after останется.
   Если хотите менять иконку при успехе, можно использовать атрибут data-copy-state */

.copy-to-clipboard-button[data-copy-state="copy-success"] span::after {
    content: ' ✅';
}