/* UNIVERSAL AJAX FILTERS — CSS */
.uf-filters{
    display: flex;
    gap: .75rem;
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: row;
}
.uf-filters input[type="search"],
.uf-filters input[type="date"],
.uf-filters select{
  padding:.55rem .7rem;
  border:1px solid #ddd;
  border-radius:1000px;
  min-width:180px;
  font:inherit;
}
.uf-filters button{
  padding:.6rem .95rem;
  border-radius:8px;
  border:none;
  cursor:pointer;
  font:inherit;
}

/* Loading shimmer on the target grid */
.uf-loading{
  opacity:.5;
  pointer-events:none;
  position:relative;
}
.uf-loading::after{
  content:"";
  position:absolute;
  inset:0;
  display:block;
  background:linear-gradient(90deg,transparent 0, rgba(0,0,0,.03) 50%, transparent 100%);
  animation:uf-shimmer 1.25s infinite;
  background-size:200% 100%;
}
@keyframes uf-shimmer{
  0%{ background-position:-200% 0; }
  100%{ background-position:200% 0; }
}


@media(max-width:600px){
    .uf-filters{
    flex-direction: column;
}
}