/* ============================
   WAVEFORM: PERFECT ALIGN
   + SEEK ANYWHERE FIX (click-to-seek)
   + ALBUM / PACK COVERS SMALLER
   ============================ */
@media (min-width: 921px) {

  /* ============================
     WAVEFORM ALIGN (PERFECT)
     ============================ */

  waveform .seekbar,
  .seekbar {
    cursor: pointer !important;
    position: relative !important;
  }

  /* Waveform lane */
  .waveform,
  .waveform-wrap,
  .track-waveform,
  wavfor,
  .wavfor {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 44px !important;
    min-height: 44px !important;
    line-height: 0 !important;
  }

  /* Canvas: lowered for visual centering */
  canvas,
  wavfor canvas,
  .waveform canvas,
  .track-waveform canvas {
    display: block !important;
    margin: 0 auto !important;
    height: 44px !important;
    max-height: 44px !important;
    width: 100% !important;

    transform: translateY(50%) !important;
    will-change: transform;
  }

  /* Waveform column spacing */
  td.waveform-column,
  td.wav-column,
  td.wave-column,
  td.track-waveform-column {
    vertical-align: middle !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 18px !important;
  }

  /* ============================
     ✅ CLICK-TO-SEEK FIX
     Make sure the seekbar receives the click,
     not the canvas/overlay layers.
     ============================ */

  /* These layers should NOT capture clicks */
  waveform canvas,
  waveform .outer-track,
  waveform .inner-track,
  waveform .progress-track,
  waveform .progress-handle,
  .outer-track canvas,
  .inner-track canvas,
  .progress-track canvas,
  .progress-handle {
    pointer-events: none !important;
  }

  /* Only the seekbar should be clickable */
  waveform .seekbar,
  .seekbar {
    pointer-events: auto !important;
  }

  /* ============================
     ALBUM / PACK COVERS SMALLER
     20% smaller than 144px -> 116px
     ============================ */

  .popular-packs media-image img,
  .popular-packs img,
  .packs media-image img,
  .packs img,
  .albums media-image img,
  .albums img,
  .pack media-image img,
  .pack img,
  .album media-image img,
  .album img,
  .pack-card media-image img,
  .pack-card img,
  .album-card media-image img,
  .album-card img {
    width: 116px !important;
    height: 116px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    display: block !important;
  }

  .popular-packs media-image,
  .packs media-image,
  .albums media-image,
  .pack media-image,
  .album media-image,
  .pack-card media-image,
  .album-card media-image {
    width: 116px !important;
    height: 116px !important;
    display: inline-block !important;
  }
}