/**
 * Animated Text Widget Styles
 *
 * @package AnimatedTextWidget
 * @since 1.0.0
 */

/* Base widget styles */
.animated-text-section {
    box-sizing: border-box;
    position: relative;
}

/* Ensure proper text rendering */
.animated-heading {
    font-family: 'Rubik', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    text-align: inherit;
}

/* Standard H1-H6 font sizes */
.animated-heading.h1-size,
h1.animated-heading {
    font-size: 2em;
}

.animated-heading.h2-size,
h2.animated-heading {
    font-size: 1.5em;
}

.animated-heading.h3-size,
h3.animated-heading {
    font-size: 1.17em;
}

.animated-heading.h4-size,
h4.animated-heading {
    font-size: 1em;
}

.animated-heading.h5-size,
h5.animated-heading {
    font-size: 0.83em;
}

.animated-heading.h6-size,
h6.animated-heading {
    font-size: 0.67em;
}

/* Character span styles */
.animated-heading>span {
    will-change: opacity, transform;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .animated-heading>span {
        transition-duration: 0.01s !important;
    }
}