/* Baby Fred Update – Album Now/Then Layout Stylesheet */
/* Shared by all comparison-style album pages */

/* Track spacing */
.bf-album-track {
  margin-bottom: 32px;
}

/* Track title */
.bf-track-title {
  font-weight: 600;
  margin-bottom: 10px;
}

/* Two-column layout */
.bf-track-columns {
  display: flex;
  gap: 48px;
  align-items: stretch;
}

/* Audio panels */
.bf-track-col {
  flex: 1 1 0;
  min-width: 0;

  padding: 18px 20px;

  background: #eef2f5;
  border: 1px solid #bfc8d2;
  border-radius: 6px;

  box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

/* Archival (original) tone */
.bf-original {
  background: #e6ecf1;
  border-color: #b4bec8;
}

/* Column labels */
.bf-col-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: #2f3a44;
  margin-bottom: 8px;
}

/* Full-width audio players */
.bf-track-col audio {
  display: block;
  width: 100%;
  max-width: none;
}

/* =========================================================
   Baby Fred Update – 2026-02-20 13:36
   Scope: Now-playing glow for album pages (Ghost Town, College Try, future albums).
   Reason: Visual focus on active track. Applies only to album layout, not Singles.
========================================================= */

/* Base track card transition */
.bf-album-track,
.bf-track-columns {
  transition: box-shadow 0.25s ease, border-color 0.25s ease, background-color 0.25s ease;
}

/* Glow state applied by audio script
.bf-now-playing {
  background: #f4f8fc;
  border-color: #9fb7cf;
  box-shadow:
    0 0 0 1px rgba(159,183,207,0.35),
    0 6px 18px rgba(42,58,70,0.12); 
}                                              */

/* =========================================================
   Baby Fred Update – 2026-02-20 15:05
   Scope: Enhanced album now-playing glow
   Matches visual weight of College Try
========================================================= */

/* Smooth transitions */
.wp-block-audio {
  position: relative;
  transition:
    background 0.35s ease,
    box-shadow 0.35s ease,
    border-color 0.35s ease;
}

/* Active track */
.wp-block-audio.bf-now-playing {
  background: #e6f4f3;   /* soft teal wash */
  border-radius: 8px;

  box-shadow:
    0 0 0 2px rgba(0, 140, 140, 0.35),
    0 6px 18px rgba(0, 120, 120, 0.12);
}

/* Optional teal accent strip (same visual language as College Try) */
.wp-block-audio.bf-now-playing::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 8px;
  bottom: 8px;
  width: 4px;
  background: #0aa3a3;
  border-radius: 2px;
}
/* Mobile layout*