/* /assets/css/index.css
   Index listing-only styles (moved from inline <style>).
   Keeps the filter bar compact and provides smooth auto-hide.
*/

html, body {
  background: #f8f9fa;
  scroll-padding-top: 70px;
}

img { max-width: 100%; height: auto; }

.pointer { cursor: pointer; }
.hidden  { display: none !important; }

/* Compact filter inputs */
.filter-compact .form-select.form-select-sm,
.filter-compact .form-control.form-control-sm {
  padding: .25rem .5rem;
  min-height: calc(1.5em + .5rem + 2px);
}
.filter-compact .form-check { margin-bottom: 0; }

/* Sticky under nav + auto-hide */
.sticky-under-nav {
  position: sticky;
  top: calc(var(--nav-h,56px) + 8px);
  z-index: 101;
}
.auto-hide {
  transition: transform .22s ease, opacity .22s ease;
  will-change: transform, opacity;
}
.auto-hide.auto-hide--hidden {
  transform: translateY(-120%);
  opacity: .02;
  pointer-events: none;
}
@media (prefers-reduced-motion: reduce) {
  .auto-hide { transition: none; }
}