/* Custom CSS enhancements */

/* Optional: Adding semantic styling that tailwind might not cover exactly */
.stat-counter {
    /* To prevent jumping layout during animation */
    display: inline-block;
    min-width: 2.5ch;
}

/* Enhancing HTML details performance */
details > summary {
    list-style: none;
}
details > summary::-webkit-details-marker {
    display: none;
}

/* Animations */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: slideDown 0.4s ease-out forwards;
}

/* Marquee infinite scroll */
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }
    100% {
        /* Since duplicate logos are inside, moving -50% creates seamless loop */
        transform: translateX(-50%);
    }
}
.animate-marquee {
    animation: marquee 25s linear infinite;
}

/* Utility to hide scrollbar for horizontal containers but keep them scrollable */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}