/* Christmas Theme Decorations */
.section-glass-container {
    position: relative;
}

.stats-bar-section {
    position: relative;
}

.portfolio-premium-section {
    position: relative;
}

/* Christmas ornament - Stats glass container */
.section-glass-container::before {
    content: '🎄';
    position: absolute;
    top: -25px;
    left: 20px;
    font-size: 3.5rem;
    z-index: 10;
    animation: slideFromLeft 1s ease forwards, swing 3s ease-in-out infinite 1s;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

.section-glass-container::after {
    content: '🎅';
    position: absolute;
    top: -25px;
    right: 20px;
    font-size: 3.5rem;
    z-index: 10;
    animation: slideFromRight 1s ease forwards 0.3s, swing 3s ease-in-out infinite 1.3s;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

/* Stats section decorations */
.stats-bar-section::before {
    content: '❄️';
    position: absolute;
    bottom: 20px;
    left: 40px;
    font-size: 3rem;
    opacity: 0.8;
    animation: slideFromLeft 1s ease forwards 0.5s, float 4s ease-in-out infinite 1.5s;
    z-index: 5;
}

.stats-bar-section::after {
    content: '⛄';
    position: absolute;
    bottom: 20px;
    right: 40px;
    font-size: 3rem;
    opacity: 0.8;
    animation: slideFromRight 1s ease forwards 0.7s, float 4s ease-in-out infinite 1.7s;
    z-index: 5;
}

/* Portfolio section decorations */
.portfolio-premium-section::before {
    content: '🎁';
    position: absolute;
    top: 20px;
    left: 25px;
    font-size: 3.5rem;
    opacity: 0.9;
    animation: slideFromLeft 1s ease forwards 0.4s, bounce 2s ease-in-out infinite 1.4s;
    z-index: 1;
}

.portfolio-premium-section::after {
    content: '⭐';
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 3.5rem;
    opacity: 0.9;
    animation: slideFromRight 1s ease forwards 0.6s, twinkle 2s ease-in-out infinite 1.6s;
    z-index: 1;
}

/* Slide animations */
@keyframes slideFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideFromRight {
    0% {
        opacity: 0;
        transform: translateX(100px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Swing animation */
@keyframes swing {

    0%,
    100% {
        transform: rotate(-8deg);
    }

    50% {
        transform: rotate(8deg);
    }
}

/* Float animation */
@keyframes float {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }
}

/* Bounce animation */
@keyframes bounce {

    0%,
    100% {
        transform: translateY(0px) scale(1);
    }

    50% {
        transform: translateY(-12px) scale(1.1);
    }
}

/* Twinkle animation */
@keyframes twinkle {

    0%,
    100% {
        opacity: 0.9;
        transform: scale(1) rotate(0deg);
    }

    50% {
        opacity: 1;
        transform: scale(1.3) rotate(180deg);
    }
}

/* Mobile adjustments */
@media (max-width: 768px) {

    .section-glass-container::before,
    .section-glass-container::after {
        font-size: 2.5rem;
        top: -18px;
    }

    .stats-bar-section::before,
    .stats-bar-section::after,
    .portfolio-premium-section::before,
    .portfolio-premium-section::after {
        font-size: 2rem;
    }
}