/**
 * Plugin Name: PixelcraftDev Elementor Addon
 * Author: Supapong Sakulkoo (K.Auu)
 * Author URI: https://supapongai.com
 * License: Commercial - Proprietary
 * Copyright: (c) 2026 PixelcraftDev. All rights reserved.
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 */
/**
 * Pixelcraft Marquee Text Styles
 */

.pixelcraft-marquee-wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
}

.pixelcraft-marquee-inner {
    display: flex;
    white-space: nowrap;
    width: fit-content;
}

/* Scroll Animations */
@keyframes pixelcraft-marquee-left {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}

@keyframes pixelcraft-marquee-right {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

@keyframes pixelcraft-marquee-up {
    0% { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}

@keyframes pixelcraft-marquee-down {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}

/* Direction Classes */
.pixelcraft-marquee-direction-left .pixelcraft-marquee-inner {
    animation: pixelcraft-marquee-left linear infinite;
}

.pixelcraft-marquee-direction-right .pixelcraft-marquee-inner {
    animation: pixelcraft-marquee-right linear infinite;
}

.pixelcraft-marquee-direction-up {
    height: 100px; /* Default height for vertical */
    align-items: center;
}
.pixelcraft-marquee-direction-up .pixelcraft-marquee-inner {
    flex-direction: column;
    animation: pixelcraft-marquee-up linear infinite;
}

.pixelcraft-marquee-direction-down {
    height: 100px; /* Default height for vertical */
    align-items: center;
}
.pixelcraft-marquee-direction-down .pixelcraft-marquee-inner {
    flex-direction: column;
    animation: pixelcraft-marquee-down linear infinite;
}

/* Typewriter Styles */
.pixelcraft-typewriter-text {
    display: inline-block;
}

.pixelcraft-typewriter-cursor {
    display: inline-block;
    width: 2px;
    background-color: currentColor;
    margin-left: 2px;
    animation: pixelcraft-typewriter-blink 0.7s infinite;
}

@keyframes pixelcraft-typewriter-blink {
    extra-point { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}