/* =========================================================================
   Koptekst
   - Als de standaard Koptekst-widget, maar met een WYSIWYG-veld: cursieve
     woorden (<em>/<i>) krijgen het serif-accentfont, net als in de Hero en
     de sliders.
   ========================================================================= */

.rw-heading {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: start;
}

/* Twee classes: de kit schrijft per heading-tag regels uit met de tag in de
   selector (0,1,1) — een enkele class zou daarvan verliezen. De Elementor-
   controls staan met {{WRAPPER}} ervoor op (0,3,0) en winnen hier weer van. */
.rw-heading .rw-heading__title {
    margin: 0;
    padding: 0;
    max-width: 100%;
    font-family: var(--primary-font, "Klavika", sans-serif);
}

/* Accentwoorden: serif-italic, maar inline houden (thema forceert h_ span
   soms naar display:block met marge — hier terugdraaien). */
.rw-heading .rw-heading__title em,
.rw-heading .rw-heading__title i {
    display: inline;
    margin: 0;
    font-family: var(--secondary-font, "Kepler", serif);
    font-style: italic;
    font-weight: 500;
}

/* Overige inline-opmaak uit de WYSIWYG houdt zijn eigen stijl, maar mag niet
   op een eigen regel belanden. */
.rw-heading .rw-heading__title span,
.rw-heading .rw-heading__title strong,
.rw-heading .rw-heading__title b,
.rw-heading .rw-heading__title mark,
.rw-heading .rw-heading__title u {
    display: inline;
    margin: 0;
}

.rw-heading .rw-heading__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}