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

/* Inline filter pill active state */
.filter-pill-inline.bg-blue-500 {
    background-color: #1c7cd5 !important;  /* Brand blue */
    color: white !important;
}

/* Filter toggle chevron rotation */
#filter-toggle-icon {
    transition: transform 0.2s ease-out;
}

#filter-toggle-icon.rotate-180 {
    transform: rotate(180deg);
}

/* NOW button styling */
#now-button {
    background-color: #1c7cd5;  /* Brand blue */
    color: white;
}

#now-button:hover {
    background-color: #054972;  /* Brand blue-700 */
    transform: scale(1.05);
}

#now-button.active {
    background-color: #76bd22;  /* Brand green */
    box-shadow: 0 0 0 3px rgba(118, 189, 34, 0.3);
}

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

/* Session type badge colors - Brand aligned */
.session-type-workshop {
    background-color: #fce9c5;  /* Brand orange-100 */
    color: #ee7624;             /* Brand orange */
}

.session-type-keynote {
    background-color: #e1f2bb;  /* Brand green-100 */
    color: #76bd22;             /* Brand green */
}

.session-type-panel {
    background-color: #e8cadd;  /* Brand purple-50 */
    color: #8e1b61;             /* Brand purple */
}

.session-type-default {
    background-color: #d8dfea;  /* Brand gray-50 */
    color: #6c757d;             /* Brand gray-400 */
}

/* Hover state variations for badges */
.group:hover .session-type-workshop {
    background-color: #face80;  /* Brand orange-200 */
}

.group:hover .session-type-keynote {
    background-color: #cfe6a9;  /* Brand green-200 */
}

.group:hover .session-type-panel {
    background-color: #dba7c4;  /* Brand purple-100 */
}

.group:hover .session-type-default {
    background-color: #c1cbdc;  /* Brand gray-100 */
}