/* ===== Animated Text Rotator ===== */

.atr-wrapper {
    display: inline;
    position: relative;
}

.atr-prefix,
.atr-suffix {
    display: inline;
}

/* --- Animált szöveg konténer --- */
.atr-text {
    display: inline;
    position: relative;
}

/* --- Kurzor (typewriter) --- */
.atr-cursor {
    display: inline-block;
    margin-left: 1px;
    font-weight: 300;
    animation: atr-blink 0.75s step-end infinite;
    opacity: 1;
}

@keyframes atr-blink {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0; }
}

/* === FADE === */
.atr-wrapper[data-effect="fade"] .atr-text {
    display: inline-block;
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.atr-wrapper[data-effect="fade"] .atr-text.atr-out {
    opacity: 0;
    transform: translateY(-6px);
}

.atr-wrapper[data-effect="fade"] .atr-text.atr-in {
    opacity: 1;
    transform: translateY(0);
}

/* === SLIDE === */
.atr-wrapper[data-effect="slide"] .atr-text {
    display: inline-block;
    overflow: hidden;
    vertical-align: bottom;
    transition: opacity 0.4s ease, transform 0.4s ease;
}

.atr-wrapper[data-effect="slide"] .atr-text.atr-out {
    opacity: 0;
    transform: translateY(-100%);
}

.atr-wrapper[data-effect="slide"] .atr-text.atr-in {
    opacity: 1;
    transform: translateY(0);
}

/* === FLIP === */
.atr-wrapper[data-effect="flip"] {
    perspective: 600px;
}

.atr-wrapper[data-effect="flip"] .atr-text {
    display: inline-block;
    transform-origin: center top;
    transition: opacity 0.4s ease, transform 0.4s ease;
    backface-visibility: hidden;
}

.atr-wrapper[data-effect="flip"] .atr-text.atr-out {
    opacity: 0;
    transform: rotateX(90deg);
}

.atr-wrapper[data-effect="flip"] .atr-text.atr-in {
    opacity: 1;
    transform: rotateX(0deg);
}

/* === WAVE (karakterenkénti fade-in) === */
.atr-wrapper[data-effect="wave"] .atr-text {
    display: inline-block;
}

.atr-wrapper[data-effect="wave"] .atr-char {
    display: inline-block;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.atr-wrapper[data-effect="wave"] .atr-char.atr-char-visible {
    opacity: 1;
    transform: translateY(0);
}

/* === TYPEWRITER === */
.atr-wrapper[data-effect="typewriter"] .atr-text {
    display: inline;
}

/* Akadálymentesítés */
@media (prefers-reduced-motion: reduce) {
    .atr-text,
    .atr-char,
    .atr-cursor {
        transition: none !important;
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}