/* public/assets/css/basis/helfer.css */

/* --- Scrollbar Ausblenden (Cross-Browser) --- */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}
.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* --- Custom Scrollbar (Feines Design) --- */
.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.3);
    border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: rgba(156, 163, 175, 0.5);
}

/* --- Eigene Animationen (Nicht in Tailwind Standard enthalten) --- */

/* Subtiles Pulsieren (weniger intensiv als Standard) */
@keyframes pulse-subtle {
    0%, 100% { opacity: 1; }
    50% { opacity: .8; }
}
.animate-pulse-subtle {
    animation: pulse-subtle 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Countdown Ring Animation */
@keyframes countdown-ring {
    from { stroke-dashoffset: 100.53; }
    to { stroke-dashoffset: 0; }
}
.progress-ring-circle {
    animation: countdown-ring 5s linear forwards;
}