/* =====================================================
   WILDVERSE PLAYER SHELL — RESPONSIVE
===================================================== */

@media (max-width: 980px) {
  #wvNowDeck.wv-player-shell .wv-player-bar {
    grid-template-columns: minmax(170px, 1fr) minmax(220px, 1.25fr) auto;
    gap: 0.65rem;
  }

  #wvNowDeck.wv-player-shell #wvNowVisualizer {
    width: 92px;
    min-width: 92px;
  }

  #wvNowDeck.wv-player-shell .wv-now-tool span:not(.wv-queue-badge) {
    display: none;
  }

  #wvNowDeck.wv-player-shell .wv-now-tool {
    width: 40px;
    padding: 0;
  }
}

@media (max-width: 760px) {
  #wvNowDeck.wv-player-shell {
    width: calc(100vw - 1rem);
    bottom: 0.5rem !important;
  }

  #wvNowDeck.wv-player-shell .wv-player-bar {
    grid-template-columns: 1fr;
    grid-template-areas:
      "track"
      "progress"
      "actions";
    gap: 0.62rem;
    min-height: 132px;
    padding: 0.78rem;
    border-radius: 0px;
  }

  #wvNowDeck.wv-player-shell .wv-player-main {
    grid-template-columns: 1fr;
  }

  #wvNowDeck.wv-player-shell .wv-player-transport {
    justify-content: center;
  }

  #wvNowDeck.wv-player-shell .wv-player-progress {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  #wvNowDeck.wv-player-shell .wv-player-bottom {
    justify-content: space-between;
  }

  #wvNowDeck.wv-player-shell #wvNowMode {
    display: none;
  }

  #wvNowDeck.wv-player-shell #wvQueueDrawer {
    right: 0;
    bottom: calc(100% + 0.56rem);
    width: calc(100vw - 1rem);
    max-height: min(68vh, 620px);
    border-radius: 22px;
  }

  #wvNowDeck.wv-player-shell #wvNowList {
    max-height: 43vh;
  }

  body {
    padding-bottom: max(160px, env(safe-area-inset-bottom));
  }
}

@media (max-width: 460px) {
  #wvNowDeck.wv-player-shell .wv-player-control {
    width: 36px;
    height: 36px;
  }

  #wvNowDeck.wv-player-shell .wv-player-control--primary {
    width: 48px;
    height: 48px;
  }

  #wvNowDeck.wv-player-shell #wvNowProgressTitle {
    font-size: 0.88rem;
  }

  #wvNowDeck.wv-player-shell #wvNowCurrentTime,
  #wvNowDeck.wv-player-shell #wvNowTotalTime {
    font-size: 0.68rem;
  }

  #wvNowDeck.wv-player-shell .wv-player-actions {
    gap: 0.3rem;
  }

  #wvNowDeck.wv-player-shell .wv-now-tool,
  #wvNowDeck.wv-player-shell .wv-now-clear {
    width: 36px;
    height: 36px;
    min-width: 36px;
  }
}

/* =====================================================
   MOBILE — Keep player visible but below ad overlays
   Fixes Google mobile ad close button being blocked.
===================================================== */

@media (max-width: 760px) {
#wvNowDeck.wv-player-shell {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 0rem !important;
    width: 100vw !important;
    max-width: 100vw !important;
    transform: translateX(-50%) !important;
    z-index: 999 !important;
    pointer-events: none !important;
}

  #wvNowDeck.wv-player-shell .wv-player-bar,
  #wvNowDeck.wv-player-shell #wvQueueDrawer {
    pointer-events: auto !important;
  }

  body {
    padding-bottom: max(160px, env(safe-area-inset-bottom)) !important;
  }
}