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

/* Pagy pagination */
.pagy {
  display: flex;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  align-items: center;
}

.pagy a {
  display: block;
  padding: 0.375rem 0.75rem;
  border-radius: 0.375rem;
  color: #374151;
  text-decoration: none;
  transition: background-color 0.15s, color 0.15s;
}

.pagy a[href] {
  background-color: #fff;
  border: 1px solid #e5e7eb;
}

.pagy a[href]:hover {
  background-color: #eff6ff;
  border-color: #bfdbfe;
  color: #2563eb;
}

.pagy a[aria-current] {
  background-color: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

.pagy a[role="link"]:not([href]):not([aria-current]) {
  color: #9ca3af;
  cursor: default;
}

.pagy a[role="separator"] {
  color: #9ca3af;
  cursor: default;
  padding: 0.375rem 0.25rem;
}

/* Pagy dark mode (class-based, matches theme toggle) */
html.dark .pagy a {
  color: #d1d5db;
}

html.dark .pagy a[href] {
  background-color: #27272a;
  border-color: #3f3f46;
}

html.dark .pagy a[href]:hover {
  background-color: #3f3f46;
  border-color: #52525b;
  color: #f4f4f5;
}

html.dark .pagy a[aria-current] {
  background-color: #2563eb;
  border-color: #2563eb;
  color: #fff;
}

html.dark .pagy a[role="link"]:not([href]):not([aria-current]) {
  color: #52525b;
}

html.dark .pagy a[role="separator"] {
  color: #52525b;
}

#cc-main {
  --cc-font-family: inherit;
  --cc-modal-border-radius: 0.75rem;
  --cc-btn-border-radius: 0.5rem;
  --cc-btn-primary-bg: #0ea5e9;
  --cc-btn-primary-hover-bg: #0284c7;
  --cc-toggle-on-bg: #0ea5e9;
  --cc-link-color: #0ea5e9;
}

.dark #cc-main,
.cc--darkmode #cc-main {
  --cc-btn-primary-bg: #0ea5e9;
  --cc-btn-primary-hover-bg: #38bdf8;
  --cc-btn-primary-color: #fff;
  --cc-toggle-on-bg: #0ea5e9;
  --cc-link-color: #38bdf8;
}