/* Site-specific tweaks on top of Basscss + components.css */

/* Dim the running table while an htmx request is in flight */
#demo-target.htmx-request {
    opacity: 0.7;
    transition: opacity 150ms ease-in;
}


/* Responsive landing navbar: inline links + CTAs on desktop; hamburger on mobile.
   (BassCSS has no media queries, so this is app-specific CSS. No Tailwind.) */
@media (min-width: 768px) {
    .navbar .navbar-end.nav-mobile { display: none; }
}
@media (max-width: 767px) {
    .navbar-center { display: none; }
    .navbar .navbar-end:not(.nav-mobile) { display: none; }
    .navbar .navbar-end.nav-mobile { display: inline-flex; }
}