/* demo/static/demo/css/style.css */

.active {
    background-color: #007bff; /* Example active background color */
    color: white; /* Example active text color */
}

/* Hide loader by default */
.htmx-indicator {
  opacity: 0;               /* invisible */
  pointer-events: none;     /* doesn’t block clicks */
}

/* Show loader while HTMX request is active */
.htmx-indicator.htmx-request {
  opacity: 1;               /* fade in */
  pointer-events: auto;     /* block interaction while loading */
}

/* Hide scrollbar for WebKit browsers */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for Firefox */
.scrollbar-hide {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.card {
    overflow: hidden;  /* Prevents content from spilling out */
}