/* ============================================================
   UXD Highlight Heading Widget
   ============================================================ */

.uxdwfe-highlight-heading {
    margin: 0;
    line-height: 1.3;
}

/* Reset mark defaults */
.uxdwfe-highlight-heading mark {
    background: none;
    color: inherit;
}

/* ── Underline style ── */
.uxdwfe-highlight-heading .uxdwfe-hl--underline {
    display: inline;
    border-bottom: 4px solid #667eea;
    padding-bottom: 2px;
    line-height: inherit;
}

/* ── Background fill style ── */
.uxdwfe-highlight-heading .uxdwfe-hl--background {
    display: inline;
    background-color: #667eea;
    color: #fff;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 1.5;
}

/* ── Wavy underline style ── */
.uxdwfe-highlight-heading .uxdwfe-hl--wavy {
    display: inline;
    text-decoration: underline wavy #667eea;
    text-decoration-thickness: 4px;
    text-underline-offset: 4px;
}

/* ── Marker pen style ── */
.uxdwfe-highlight-heading .uxdwfe-hl--marker {
    display: inline;
    background-color: rgba(102, 126, 234, 0.3);
    padding: 2px 8px;
    border-radius: 4px;
    /* Slight skew gives authentic marker feel */
    position: relative;
}