.scroll-wrapper {
    display: inline-flex;
    white-space: nowrap;
    animation: scroll-left 35s linear infinite;
}

/* Each text segment */
.scroll-text {
    display: inline-block;
    padding-right: 5rem; /* space between texts */
}

/* ✅ Duplicate content visually for smooth looping */
.scroll-wrapper::after {
    content: attr(data-duplicate);
    display: inline-block;
    padding-left: 5rem;
}

/* Animation: move full width continuously */
@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}
/* 🔹 Animate entire logo block (Coinzzy + tagline together) */
.navbar-brand {
    opacity: 0;
    transform: translateY(10px);
    animation: logoFadeUp 0.8s ease-out forwards;
    animation-delay: 0.2s; /* small delay for elegance */
}

/* Keyframes for smooth upward fade */
@keyframes logoFadeUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Optional: stagger inner elements slightly for premium touch */
.navbar-brand > * {
    opacity: 0;
    transform: translateY(6px);
    animation: innerFadeUp 0.6s ease-out forwards;
}

    .navbar-brand > *:nth-child(1) {
        animation-delay: 0.3s;
    }
    /* Coinzzy */
    .navbar-brand > *:nth-child(2) {
        animation-delay: 0.45s;
    }
    /* Divider */
    .navbar-brand > *:nth-child(3) {
        animation-delay: 0.6s;
    }
/* Tagline */

@keyframes innerFadeUp {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* 🧭 Sticky search bar */
#galleryMediaSearchBox {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* ✨ Smooth lazy fade-in */
.fade-in {
    opacity: 0;
    animation: fadeIn 0.4s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}