/* Scrollbar styles for filter bar */
.scrollbar-thin::-webkit-scrollbar {
    height: 6px;
}
.scrollbar-thin::-webkit-scrollbar-thumb {
    background-color: #C44536; /* bowman-highlight */
    border-radius: 10px;
}
.scrollbar-thin::-webkit-scrollbar-track {
    background: rgba(119, 46, 37, 0.1); /* bowman-accent/10 */
}

/* Ensure slides are hidden by default unless active.
   We use inline style: display:none/block in JS for simplicity. */
.carousel-slide {
    display: none;
}
.carousel-slide.active {
    display: block;
}

/* Modal Styles (FIXED)
*/
.modal-hidden {
    opacity: 0;
    visibility: hidden;
    /* We use visibility instead of display:none to allow the opacity transition to work */
}

/* Add a style to prevent body scroll when modal is open */
.modal-open {
    overflow: hidden;
}