/* BankMovie V35 — mobile movie polish.
   - Keep trailer large for movies.
   - Keep trailer + latest episode side-by-side only for series.
   - Preserve smaller/lower VIP seal from V34. */

/* Smaller VIP seal in movie download/action rows */
body.movie-page .bm-watch-together-btn .bm-watch-together-vip{
  min-width:24px!important;
  height:15px!important;
  padding:0 4px!important;
  font-size:6.2px!important;
  line-height:1!important;
  border-radius:999px!important;
  transform:translateY(1.5px)!important;
  box-shadow:0 3px 9px rgba(244,167,23,.20),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
body.movie-page .bm-watch-together-btn .bm-watch-together-vip::before{font-size:6px!important}

@media (max-width:768px){
  body.movie-page .action-buttons{gap:8px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important}

  /* Series only: when the latest-episode CTA exists, both CTAs become compact and aligned. */
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-safe-series-cta.hero-primary-action,
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .hero-primary-action.bm-safe-series-cta,
  body.movie-page .action-buttons:has(.bm-safe-series-cta) button.bm-local-play-choice.bm-safe-series-cta.hero-primary-action{
    --bm-cta-accent:var(--accent,#12b8d6);
    flex:1 1 150px!important;
    width:auto!important;min-width:0!important;max-width:220px!important;
    min-height:42px!important;height:42px!important;padding:0 14px!important;gap:7px!important;
    border-radius:13px!important;color:#fff!important;font-size:11.5px!important;font-weight:950!important;line-height:1!important;
    border:1px solid rgba(255,255,255,.20)!important;
    background:
      radial-gradient(circle at 18% 10%,rgba(255,255,255,.22),transparent 30%),
      linear-gradient(135deg,
        color-mix(in srgb,var(--bm-cta-accent) 84%,#19b7ff) 0%,
        color-mix(in srgb,var(--bm-cta-accent) 72%,#4e4cff) 56%,
        color-mix(in srgb,var(--bm-cta-accent) 58%,#7d2cff) 100%)!important;
    box-shadow:0 12px 28px color-mix(in srgb,var(--bm-cta-accent) 24%,transparent),inset 0 1px 0 rgba(255,255,255,.25)!important;
    overflow:hidden!important;
  }
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-safe-series-cta.hero-primary-action svg,
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .hero-primary-action.bm-safe-series-cta svg{
    width:14px!important;height:14px!important;flex:0 0 14px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-safe-series-cta.hero-primary-action::before,
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .hero-primary-action.bm-safe-series-cta::before{border-radius:12px!important}
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-safe-series-cta.hero-primary-action::after,
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .hero-primary-action.bm-safe-series-cta::after{opacity:.52!important}

  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-trailer-cta{
    display:inline-flex!important;flex:1 1 150px!important;width:auto!important;min-width:0!important;max-width:220px!important;
    min-height:42px!important;height:42px!important;padding:0 14px!important;justify-content:center!important;gap:7px!important;
    border-radius:13px!important;font-size:11.5px!important;font-weight:950!important;
  }
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-trailer-cta svg{width:14px!important;height:14px!important;flex:0 0 14px!important}

  /* Movie only: keep the trailer button in its larger original emphasis. */
  body.movie-page .action-buttons:not(:has(.bm-safe-series-cta)) .bm-trailer-cta{
    display:inline-flex!important;
    min-height:50px!important;height:50px!important;
    padding:0 18px!important;
    border-radius:16px!important;
    font-size:13px!important;font-weight:950!important;
    gap:8px!important;
    min-width:min(240px,82vw)!important;
    max-width:min(320px,92vw)!important;
  }
  body.movie-page .action-buttons:not(:has(.bm-safe-series-cta)) .bm-trailer-cta svg{width:16px!important;height:16px!important;flex:0 0 16px!important}

  body.movie-page .bm-watch-together-btn .bm-watch-together-vip{min-width:22px!important;height:14px!important;padding:0 3px!important;font-size:5.8px!important;transform:translateY(1px)!important}
}

@media (max-width:390px){
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-safe-series-cta.hero-primary-action,
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .hero-primary-action.bm-safe-series-cta,
  body.movie-page .action-buttons:has(.bm-safe-series-cta) .bm-trailer-cta{
    flex-basis:132px!important;max-width:190px!important;min-height:40px!important;height:40px!important;padding-inline:11px!important;font-size:10.8px!important;
  }
  body.movie-page .action-buttons:not(:has(.bm-safe-series-cta)) .bm-trailer-cta{
    min-height:48px!important;height:48px!important;min-width:min(220px,86vw)!important;max-width:min(290px,94vw)!important;font-size:12.4px!important;padding-inline:16px!important;
  }
}