/* MTR WYSIWYG-Stile — Frontend + TinyMCE Editor-iframe.
 * Geladen vom Snippet "MTR WYSIWYG-Stile (Rot + Subline)".
 * Pfad: wp-content/uploads/mtr-styles/wysiwyg.css
 */

.text-accent,
span.text-accent {
    color: #E62332;
}

/* Subline — Typo wie data-id="631499c" auf www.mtrlegal.com/offices/*.
 * margin-bottom: 30px für deutlichen Abstand zum nächsten Absatz im
 * gleichen Widget (auf main entsteht der Gap durch Widget-Trennung,
 * hier liegt alles in einem text-editor, daher manuell).
 */
p.text-subline,
.elementor-widget-text-editor p.text-subline {
    text-align: start;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 30px;
}

/* Icon-list innerhalb text-editor-Widgets (text_1 etc.) — visuell wie das native
 * Elementor icon-list-Widget auf z.B. /aalen/abmahnung/. Chevron-Pfeil-SVG wird
 * per ::before pseudo auf jedem <li> gerendert (kein <span class="icon"> im HTML).
 * Scope ist .elementor-widget-text-editor — native Widgets bleiben unberührt.
 */
.elementor-widget-text-editor ul.elementor-icon-list-items {
    list-style: none;
    padding: 0;
    margin: 0;
}
.elementor-widget-text-editor ul.elementor-icon-list-items li.elementor-icon-list-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}
.elementor-widget-text-editor ul.elementor-icon-list-items li.elementor-icon-list-item:last-child {
    margin-bottom: 0;
}
.elementor-widget-text-editor li.elementor-icon-list-item::before {
    content: '';
    flex-shrink: 0;
    display: inline-block;
    width: 28px;
    height: 16px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.28 12.41'><path stroke='%23202020' stroke-width='0.6' fill='none' d='M21.06 6.21H.5m16.28 5.5 5-5.5-5-5.5'/></svg>");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
.elementor-widget-text-editor .elementor-icon-list-text {
    color: var(--e-global-color-c771364, #202020);
    font-size: 20px;
    transition: color 0.3s;
}
.elementor-widget-text-editor li.elementor-icon-list-item a {
    text-decoration: none;
    color: inherit;
}
.elementor-widget-text-editor li.elementor-icon-list-item:hover .elementor-icon-list-text {
    color: var(--e-global-color-140f23e, #E62332);
}
/* Defensiv: leere icon-spans + wpautop-br-Artifakte verstecken falls doch im HTML */
.elementor-widget-text-editor .elementor-icon-list-icon:empty { display: none; }
.elementor-widget-text-editor .elementor-icon-list-icon br { display: none; }

/* Leere <p> als Abstandhalter — 60px Mindesthoehe, funktioniert in block/flex/grid. */
.elementor-widget-text-editor p:empty,
.elementor-widget-shortcode p:empty,
.elementor-shortcode p:empty {
    min-height: 60px;
    margin: 0;
}