/* ORIGINAL GLOBALS */
body { font-family: 'Vazir', sans-serif; }

/* hover-scale (global) */
.hover-scale:hover { transform: scale(1.1); transition: transform 0.3s; }

/* Mini feed scrollbar */
.scroll-feed { max-height: 100px; overflow-y: auto; }
.scroll-feed::-webkit-scrollbar { width: 6px; }
.scroll-feed::-webkit-scrollbar-thumb { background: #d2f163; border-radius: 3px; }

/* Bubbles (global float) */
.bubble {
  position: absolute;
  border-radius: 50%;
  opacity: 0.15;
  animation: float 8s linear infinite;
}

@keyframes float {
  0% { transform: translateY(0) translateX(0); }
  50% { transform: translateY(-20px) translateX(30px); }
  100% { transform: translateY(0) translateX(0); }
}

.rotate-border { animation: rotate-border 4s linear infinite; }
.pulse-glow { animation: pulse-glow 2s ease-in-out infinite; }
.stars { animation: stars 2s ease-in-out infinite; }
.bg-space { background: rgb(238, 195, 4); }





/* ====== FOOTER ONLY ====== */
footer .bubble {
    opacity: 0.1;
    animation: footer-float 6s ease-in-out infinite;
}

@keyframes footer-float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

footer .bubble:nth-child(2) { animation-delay: 1s; animation-duration: 8s; }
footer .bubble:nth-child(3) { animation-delay: 2s; animation-duration: 10s; }
footer .bubble:nth-child(4) { animation-delay: 3s; animation-duration: 7s; }

footer .hover-scale {
    transition: transform 0.3s ease;
}

footer .hover-scale:hover {
    transform: scale(1.2);
}

footer .scroll-feed {
    max-height: 150px;
    overflow-y: auto;
}

footer .scroll-feed::-webkit-scrollbar { width: 4px; }
footer .scroll-feed::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); }
footer .scroll-feed::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
}

/* footer-specific animations */
footer .rotate-border { animation: footer-rotate 3s linear infinite; }
footer .pulse-glow { animation: footer-pulse 2s ease-in-out infinite; }
footer .stars { animation: footer-twinkle 2s ease-in-out infinite; }
footer .bg-space {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

@keyframes footer-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes footer-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes footer-twinkle {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}