/**
 * Typing Headline Widget Styles
 * BeTheme Custom Extension
 */

/* Wrapper */
.mfn-typing-headline-wrapper {
    margin: 20px 0;
    overflow: visible;
}

/* Main Headline */
.mfn-typing-headline {
    display: inline-block;
    margin: 0;
    line-height: 1.3;
    font-family: inherit;
}

/* Prefix Text (σταθερό κείμενο) */
.mfn-typing-prefix {
    display: inline;
    font-weight: inherit;
}

/* Typing Text (λέξεις που αλλάζουν) */
.mfn-typing-text {
    display: inline;
    font-weight: inherit;
    position: relative;
}

/* Suffix Text (κείμενο μετά - προαιρετικό) */
.mfn-typing-suffix {
    display: inline;
    font-weight: inherit;
}

/* Cursor */
.mfn-typing-cursor {
    display: inline-block;
    margin-left: 2px;
    opacity: 1;
    font-weight: inherit;
    animation: blink 1s infinite;
}

/* Cursor Blink Animation */
@keyframes blink {
    0%, 49% {
        opacity: 1;
    }
    50%, 100% {
        opacity: 0;
    }
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .mfn-typing-headline-wrapper {
        margin: 15px 0;
    }
    
    /* Μικρότερο font σε tablets */
    .mfn-typing-headline {
        font-size: 0.85em;
    }
}

@media (max-width: 480px) {
    /* Ακόμα μικρότερο σε mobile */
    .mfn-typing-headline {
        font-size: 0.7em;
    }
}

/* Μην επιτρέπεις line break μεταξύ των λέξεων */
.mfn-typing-headline {
    white-space: nowrap;
}

/* Για block display (αν θέλει ο χρήστης) */
.mfn-typing-headline-wrapper.block-display .mfn-typing-headline {
    display: block;
    white-space: normal;
}

/* Optional: Smooth transitions για colors */
.mfn-typing-text,
.mfn-typing-cursor {
    transition: color 0.3s ease;
}

/* RTL Support (για Ελληνικά δεν χρειάζεται, αλλά για completeness) */
[dir="rtl"] .mfn-typing-cursor {
    margin-left: 0;
    margin-right: 2px;
}