/* =========================================================
   Baby Fred Update – Ghost Town Transport Styling
   2026-02-19
========================================================= */
 
body.page-ghost-town #bf-global-player {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);

  width: min(900px, 92vw);
  padding: 12px 16px;

  background: #eef2f5;
  border: 1px solid #c9d3df;
  border-radius: 10px;

  display: grid;
  grid-template-columns: auto auto auto 1fr auto;
  justify-content: center;  gap: 12px;
  align-items: center;

  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

/* =========================================================
   Baby Fred Update – 2026-02-20 11:18
   Fix: Correct body selector after CSS isolation.
   Reason: WordPress uses .page-ghost-town, not .page-slug-ghost-town.
========================================================= */

body.page-ghost-town #bf-playall {
  display: block;
  margin: 20px auto 16px;
  padding: 10px 20px;        /* slightly larger */
  font-size: 16px;           /* restore presence */
  font-weight: 600;

  background: #eef2f5;
  border: 1px solid #c9d3df;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
}

body.page-ghost-town #bf-playall:hover {
  background: #e4ebf2;
}

body.page-ghost-town #bf-global-player button {
  font-size: 16px;
  padding: 6px 10px;
  cursor: pointer;
}

body.page-ghost-town #bf-seek {
  width: 100%;
}

/* =========================================================
   Baby Fred Update – 2026-02-20 12:12
   Scope: Improve Now Playing readability.
========================================================= */
body.page-ghost-town #bf-now-playing {
  max-width: 320px;
  font-size: 14px;
  font-weight: 600;
  color: #2a3a46;

  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}