/* samPHPweb Modern UI overrides (Bootstrap-first)
   Keep this file small; use Bootstrap utility classes where possible. */

:root{
  /* Fallback (display.header.php overrides this from config.php) */
  --samphpweb-brand: #0f766e;
}

body{
  background: var(--bs-body-bg, #f8f9fa);
}

.navbar-brand img{
  height: 40px;
  width: auto;
}

.song-art{
  width: 96px;
  height: 96px;
  object-fit: cover;
}

.song-art.sm{
  width: 48px;
  height: 48px;
}

.card-header small{
  font-weight: 500;
}

a{
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

.table td, .table th{
  vertical-align: middle;
}

.badge-requested{
  letter-spacing: .02em;
}

.popup-page{
  background: #f8f9fa;
}



/* Keep content visible above the fixed player bar */
body{ padding-bottom: 88px; }

#player-bar input[type=range]{ accent-color: var(--samphpweb-brand); }


/* Shows page: softer current-slot highlight so text remains readable */
.schedule-current > td{
  background: rgba(13, 110, 253, 0.10) !important;
}
.schedule-current .text-muted{
  color: var(--bs-body-color, #212529) !important;
}
.schedule-current .fw-semibold,
.schedule-current a{
  color: var(--bs-body-color, #212529) !important;
}