/* Page-specific styles for event_page.html */

.content-auto {
    content-visibility: auto;
}

.scrollbar-thin {
    scrollbar-width: thin;
}

.scrollbar-thumb-orange {
    scrollbar-color: #FF6A00 #E5E7EB;
}

.scrollbar-thumb-rounded {
    scrollbar-color: #FF6A00 #E5E7EB;
    scrollbar-width: thin;
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.backdrop-blur-sm {
    backdrop-filter: blur(4px);
}

.quota-bar {
    height: 8px;
    border-radius: 4px;
    background-color: #989fac;
    overflow: hidden;
}

.quota-progress {
    height: 100%;
    background-color: #FF6A00;
    border-radius: 4px;
}

.pulse-animation {
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

/* Custom scrollbar for WebKit browsers (Light theme) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #E5E7EB;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #FF6A00;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #FF8533;
}

/* Light theme default for this border utility */
.border-\[#E5E7EB\] {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}