/* استایل‌های اصلی برای front-end و editor */
.gradient-text-container {
    width: 100%;
    display: block;
}

.gradient-animated-text {
    display: inline-block;
    font-weight: bold;
    background: linear-gradient(90deg,
        #f00, #fa0, #ff0, #0f0,
        #00f, #4b0082, #ee82ee, #f00
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    background-size: 400% 100%;
    animation: gradient-flow linear infinite;
    -webkit-animation: gradient-flow linear infinite;
    padding: 20px;
    cursor: pointer;
    margin: 0;
    line-height: 1;
}

.gradient-animated-text:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

@keyframes gradient-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}

@-webkit-keyframes gradient-flow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}