#jukebox-player {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #111;
  color: #fff;
  padding: 12px 16px;
  z-index: 99999;
}

#jukebox-title {
  font-weight: bold;
  margin-bottom: 6px;
}

#jukebox-player audio {
  width: 100%;
}

.field--name-field-songs a.jukebox-active {
  font-weight: bold;
  text-decoration: underline;
}

.field--name-field-album-cover img {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  display: block;
}

body.path-frontpage article.node--type-album {
  border: 5px solid red !important;
}

.path-node .field--name-field-songs {
  margin-bottom: 120px;
}

.field--name-field-album-cover {
  position: relative;
  max-width: 1180px;
  margin: 30px auto;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 16px 40px rgba(0,0,0,.28);
}

/* album image */
.field--name-field-album-cover img {
  width: 100%;
  max-height: 78vh;
  object-fit: cover;
  display: block;

  filter:
    saturate(1.08)
    contrast(1.05)
    brightness(.88);
}

/* cinematic overlay */
.field--name-field-album-cover::after {
  content: "";
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(9,18,12,.82) 0%,
      rgba(9,18,12,.38) 40%,
      rgba(219,168,59,.12) 100%
    );

  pointer-events: none;
}

/* album title */
h1.title {
  font-size: clamp(42px, 6vw, 76px);
  font-weight: 700;
  line-height: .95;
  margin-top: 28px;
  margin-bottom: 24px;
  text-align: center;
  color: #fff4d8;

  text-shadow:
    0 2px 8px rgba(0,0,0,.55),
    0 0 24px rgba(0,0,0,.25);
}

/* songs section */
.field--name-field-songs {
  max-width: 980px;
  margin: 40px auto 140px;
}

/* song links */
.field--name-field-songs .field__item a {
  display: block;
  margin: 14px 0;
  padding: 16px 22px;

  border-radius: 14px;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.72),
      rgba(255,255,255,.58)
    );

  color: #17311f;
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;

  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;

  box-shadow:
    0 4px 12px rgba(0,0,0,.08);
}

.field--name-field-songs .field__item a:hover {
  transform: translateX(6px);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.94),
      rgba(255,255,255,.82)
    );

  box-shadow:
    0 10px 24px rgba(0,0,0,.16);
}

/* page background */
body {
  background:
    linear-gradient(
      180deg,
      #f7efdf 0%,
      #efe2ca 100%
    );
}

#jukebox-player {
  position: fixed !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 16px !important;
  z-index: 99999 !important;
  padding: 16px 20px !important;
  border-radius: 22px !important;
  background: linear-gradient(90deg, #102414, #17351f) !important;
  color: #fff8df !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.38) !important;
}

#jukebox-player audio {
  width: 100% !important;
  display: block !important;
}