/* Sessions Page Styles */
/* Note: HTMX indicator and scrollbar utilities are in shared.css */

/* Filter pill active state */
.filter-pill.active {
    background-color: #3b82f6 !important;
    color: white !important;
}

/* Filter modal styles */
#filter-modal {
    backdrop-filter: blur(4px);
    z-index: 60 !important;
}

/* Desktop modal animation */
#filter-modal .bg-white {
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    z-index: 70 !important;
    position: relative;
}

/* Active filter button styling */
#filter-button.active #filter-icon {
    color: #059669 !important;
}

#filter-button.active {
    background-color: rgba(5, 150, 105, 0.1);
    border-radius: 0.375rem;
    padding: 0.25rem;
}

/* NOW button styling */
#now-button {
    background-color: #3b82f6;
    color: white;
}

#now-button:hover {
    background-color: #2563eb;
    transform: scale(1.05);
}

#now-button.active {
    background-color: #059669;
    box-shadow: 0 0 0 3px rgba(5, 150, 105, 0.3);
}

#now-button.active:hover {
    background-color: #047857;
}

/* Session type badge colors */
.session-type-workshop {
    background-color: rgb(254 235 200);
    color: rgb(234 88 12);
}

.session-type-keynote {
    background-color: rgb(254 249 195);
    color: rgb(202 138 4);
}

.session-type-panel {
    background-color: rgb(224 231 255);
    color: rgb(79 70 229);
}

.session-type-default {
    background-color: rgb(243 244 246);
    color: rgb(55 65 81);
}

/* Hover state variations for badges */
.group:hover .session-type-workshop {
    background-color: rgb(253 224 178);
}

.group:hover .session-type-keynote {
    background-color: rgb(254 240 138);
}

.group:hover .session-type-panel {
    background-color: rgb(199 210 254);
}

.group:hover .session-type-default {
    background-color: rgb(229 231 235);
}