/*
 * 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.
 */

@layer base {
  [class*="backdrop-blur"] {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  /* Kaminari Pagination Styling */
  .pagination {
    @apply flex items-center gap-1;
  }

  .pagination span, .pagination a {
    @apply px-3 py-1.5 rounded-lg border border-zinc-800 bg-zinc-900/50 text-sm text-zinc-400 hover:bg-zinc-800 hover:text-white transition-colors;
  }

  .pagination .current {
    @apply bg-blue-600 border-blue-600 text-white font-bold;
  }

  .pagination .disabled {
    @apply opacity-50 cursor-not-allowed pointer-events-none;
  }

  .pagination .gap {
    @apply border-none bg-transparent hover:bg-transparent cursor-default;
  }
}