/**
 * ApexCart Reusable Component Stylesheet
 */

.logo-animated-wrapper {
    z-index: 10;
    position: relative;
}

.logo-cartoon-animated {
    animation: logoCartoonFloatBounce 3s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.5), 0 0 30px rgba(245, 158, 11, 0.25);
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease !important;
    transform-origin: center center;
}

.logo-animated-wrapper:hover {
    z-index: 1050;
}

.logo-cartoon-animated:hover {
    transform: scale(1.7) rotate(5deg) !important;
    box-shadow: 0 10px 30px rgba(245, 158, 11, 0.9), 0 0 50px rgba(251, 191, 36, 0.7) !important;
    border-color: #FCD200 !important;
}

@keyframes logoCartoonFloatBounce {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-4px) rotate(-3deg);
    }
}

.logo-sparkle-dot {
    animation: logoSparklePulse 1.5s ease-in-out infinite;
    width: 8px;
    height: 8px;
}

@keyframes logoSparklePulse {
    0%, 100% { transform: scale(0.8); opacity: 0.6; }
    50% { transform: scale(1.4); opacity: 1; }
}