/**
 * Shared Content Styles
 * Used in both admin CKEditor (.ck-content) and frontend (.entry-content)
 * Callout boxes, text utilities
 */

/* Callout Boxes */
.ck-content .callout-info,
.entry-content .callout-info,
.ck-content .callout-tip,
.entry-content .callout-tip,
.ck-content .callout-warning,
.entry-content .callout-warning,
.ck-content .callout-important,
.entry-content .callout-important {
    padding: 1.25rem 1.5rem 1.25rem 3.5rem;
    margin: 1.5em 0;
    border-radius: 8px;
    border-left: 4px solid;
    position: relative;
    font-size: 0.95em;
    line-height: 1.7;
}

.ck-content .callout-info::before,
.entry-content .callout-info::before,
.ck-content .callout-tip::before,
.entry-content .callout-tip::before,
.ck-content .callout-warning::before,
.entry-content .callout-warning::before,
.ck-content .callout-important::before,
.entry-content .callout-important::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 1.1rem;
    top: 1.25rem;
    font-size: 1.1em;
}

/* Info: blue */
.ck-content .callout-info,
.entry-content .callout-info {
    background: #e8f4fd;
    border-color: #2196F3;
    color: #1565C0;
}
.ck-content .callout-info::before,
.entry-content .callout-info::before {
    content: "\f05a"; /* fa-info-circle */
    color: #2196F3;
}

/* Tip: green */
.ck-content .callout-tip,
.entry-content .callout-tip {
    background: #e8f5e9;
    border-color: #4CAF50;
    color: #2E7D32;
}
.ck-content .callout-tip::before,
.entry-content .callout-tip::before {
    content: "\f0eb"; /* fa-lightbulb */
    color: #4CAF50;
}

/* Warning: orange */
.ck-content .callout-warning,
.entry-content .callout-warning {
    background: #fff3e0;
    border-color: #FF9800;
    color: #E65100;
}
.ck-content .callout-warning::before,
.entry-content .callout-warning::before {
    content: "\f071"; /* fa-exclamation-triangle */
    color: #FF9800;
}

/* Important: red */
.ck-content .callout-important,
.entry-content .callout-important {
    background: #fce4ec;
    border-color: #f44336;
    color: #c62828;
}
.ck-content .callout-important::before,
.entry-content .callout-important::before {
    content: "\f06a"; /* fa-exclamation-circle */
    color: #f44336;
}

/* Text Utilities */
.ck-content .text-highlight,
.entry-content .text-highlight {
    background: #fff9c4;
    padding: 0.1em 0.3em;
    border-radius: 3px;
}

.ck-content .text-small,
.entry-content .text-small {
    font-size: 0.85em;
    color: #777;
}