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

.songbook_letter_divider {
  background: #c5c5c5 !important;
}

.table .songbook_letter_divider th {
  background: #c5c5c5 !important;
}

/* Scroll to top button */
#scrollToTopBtn {
  transition: all 0.3s ease;
  opacity: 0.8;
}

#scrollToTopBtn:hover {
  opacity: 1;
  transform: translateY(-2px);
}

/* First queue song button */
.btn.position-fixed.start-0 {
  transition: all 0.3s ease;
  opacity: 0.9;
}

.btn.position-fixed.start-0:hover {
  opacity: 1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
}