@import url("./style-20260906-qiju-mobile-detail-v1.css");

/* The legacy grid placed BOTH episode actions at column 2 / row 1.
   Give the real picker and next action separate cells; retain desktop styling. */
@media (max-width: 720px) {
  .xiazai-qiju-site-theme .qiju-play-meta[data-public-play-status="react"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr) !important;
    gap: 10px 12px !important;
  }
  .xiazai-qiju-site-theme .qiju-play-meta[data-public-play-status="react"] > h1 {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
  }
  .xiazai-qiju-site-theme .qiju-play-meta[data-public-play-status="react"] > p {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
  .xiazai-qiju-site-theme .qiju-play-meta[data-public-play-status="react"] > a.qiju-next-episode {
    grid-row: 3 !important;
    min-width: 44px !important;
    min-height: 44px !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
  }
  .xiazai-qiju-site-theme .qiju-play-meta[data-public-play-status="react"] > a[data-public-play-picker-open="true"] {
    grid-column: 1 !important;
  }
  .xiazai-qiju-site-theme .qiju-play-meta[data-public-play-status="react"] > a.qiju-next-manifest {
    grid-column: 2 !important;
  }
}