/**
 * Gutenberg INS/DEL Styling
 * Highlights <ins> and <del> tags for better visibility
 */

/* Editor styles (Gutenberg block editor) */
.block-editor-rich-text__editable ins,
.editor-rich-text__editable ins {
    color: #0a7e07;
    background-color: #e6f4ea;
    text-decoration: underline;
    text-decoration-color: #34a853;
    text-decoration-thickness: 2px;
    padding: 0 2px;
    border-radius: 2px;
}

.block-editor-rich-text__editable del,
.editor-rich-text__editable del {
    color: #c5221f;
    background-color: #fce8e6;
    text-decoration: line-through;
    text-decoration-color: #ea4335;
    text-decoration-thickness: 2px;
    padding: 0 2px;
    border-radius: 2px;
}

/* Frontend styles (published post/page) */
ins {
    color: #0a7e07;
    background-color: #e6f4ea;
    text-decoration: underline;
    text-decoration-color: #34a853;
    text-decoration-thickness: 2px;
    padding: 0 2px;
    border-radius: 2px;
}

del {
    color: #c5221f;
    background-color: #fce8e6;
    text-decoration: line-through;
    text-decoration-color: #ea4335;
    text-decoration-thickness: 2px;
    padding: 0 2px;
    border-radius: 2px;
}

/* Print styles - use simpler styling for print */
@media print {
    ins {
        background-color: transparent;
        color: inherit;
        text-decoration: underline;
    }

    del {
        background-color: transparent;
        color: inherit;
        text-decoration: line-through;
    }
}