/* ──────────────────────────────────────────────────────────────────
   Keyword Rotator – Reusable inline rotating text
   Usage: [er_rotator words="WORD1,WORD2" color="#FF8DA1"]
   ────────────────────────────────────────────────────────────────── */

.er-rotator {
    position: relative;
    display: inline-block;
    min-width: 2ch; /* prevents layout shift */
}

.er-rotator__word {
    font-style: normal;
    text-transform: none;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.er-rotator__word.is-active {
    position: relative;
    opacity: 1;
}

/* ─── Mobile line break (opt-in via mobile_block="true") ──────── */

@media (max-width: 768px) {
    .er-rotator--mobile-block {
        display: block !important;
    }

    .er-rotator__word {
        white-space: normal;
    }
}