/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* pagination */
.pagination-bar { margin-top: 0.5rem; font-size: 0.8rem; }
.pagination-bar nav { display: flex; flex-wrap: wrap; gap: 0.25rem; align-items: center; }
.pagination-bar a, .pagination-bar span {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2rem; height: 2rem; padding: 0 0.375rem;
  border: 1px solid rgb(203 213 225); border-radius: 0.25rem;
  color: rgb(71 85 105); text-decoration: none;
}
.pagination-bar a:hover { background: rgb(241 245 249); }
.pagination-bar .page.current span {
  background: rgb(15 23 42); color: #fff; border-color: rgb(15 23 42);
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 2rem; height: 2rem; padding: 0 0.375rem; border-radius: 0.25rem;
}
.pagination-bar .page.disabled span { color: rgb(148 163 184); cursor: default; }