/*
 * Space Gate NOVA+ — Mobile Commercial Final R3
 * PHONE ONLY (<768px): Web Mobile + MAUI Android WebView.
 * Desktop is intentionally untouched.
 */
@media (max-width: 767px) {
  :root {
    --nova-commercial-card-black-r3: #000000;
    --nova-commercial-card-meta-r3: rgba(255,255,255,.72);
    --nova-commercial-card-pill-bg-r3: rgba(255,255,255,.055);
    --nova-commercial-card-pill-border-r3: rgba(255,255,255,.09);
  }

  /* Pure-black content-artwork contract. Badges/labels keep their identity colors. */
  html.nova-web-shell [data-nova-page="home"] :is(
    .shahid-poster-card,
    .shahid-ranked-card,
    .shahid-landscape-card,
    .shahid-live-card,
    .shahid-short-card,
    .continue-watching-card,
    .nova-movie-collection-card,
    .anime-native-media-card,
    .wrestling-native-media-card
  ),
  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .nova-item-card {
    background: var(--nova-commercial-card-black-r3) !important;
    background-color: var(--nova-commercial-card-black-r3) !important;
    background-image: none !important;
    border-color: var(--nova-commercial-card-black-r3) !important;
    box-shadow: none !important;
    outline: 0 !important;
    filter: none !important;
  }

  html.nova-web-shell [data-nova-page="home"] :is(
    .shahid-poster-image,
    .shahid-ranked-poster,
    .shahid-landscape-image,
    .shahid-live-poster,
    .shahid-short-card,
    .continue-watching-image,
    .nova-movie-collection-poster,
    .anime-native-media-art,
    .wrestling-native-media-art
  ),
  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .poster-wrapper {
    background: var(--nova-commercial-card-black-r3) !important;
    background-color: var(--nova-commercial-card-black-r3) !important;
    background-image: none !important;
    border-color: var(--nova-commercial-card-black-r3) !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  html.nova-web-shell [data-nova-page="home"] :is(
    .shahid-poster-card,
    .shahid-ranked-card,
    .shahid-landscape-card,
    .shahid-live-card,
    .shahid-short-card,
    .continue-watching-card,
    .nova-movie-collection-card,
    .anime-native-media-card,
    .wrestling-native-media-card,
    .shahid-poster-image,
    .shahid-ranked-poster,
    .shahid-landscape-image,
    .shahid-live-poster,
    .continue-watching-image
  )::before,
  html.nova-web-shell [data-nova-page="home"] :is(
    .shahid-poster-card,
    .shahid-ranked-card,
    .shahid-landscape-card,
    .shahid-live-card,
    .shahid-short-card,
    .continue-watching-card,
    .nova-movie-collection-card,
    .anime-native-media-card,
    .wrestling-native-media-card,
    .shahid-poster-image,
    .shahid-ranked-poster,
    .shahid-landscape-image,
    .shahid-live-poster,
    .continue-watching-image
  )::after,
  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) :is(.nova-item-card,.poster-wrapper)::before,
  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) :is(.nova-item-card,.poster-wrapper)::after {
    background-image: none !important;
    border-color: var(--nova-commercial-card-black-r3) !important;
    box-shadow: none !important;
    outline: 0 !important;
  }

  html.nova-web-shell [data-nova-page="home"] :is(
    .shahid-card-image,
    .continue-watching-image > img,
    .nova-movie-collection-poster img,
    .anime-native-media-art img,
    .wrestling-native-media-art img
  ),
  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .poster-wrapper > img {
    background-color: #000000 !important;
    border-color: #000000 !important;
    box-shadow: none !important;
  }

  /* Home: one concise professional metadata line under applicable content cards. */
  html.nova-web-shell [data-nova-page="home"] :is(
    .shahid-poster-card,
    .shahid-ranked-card,
    .shahid-landscape-card
  ) > .nova-home-card-meta-r3 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    margin: 5px 2px 0 !important;
    color: var(--nova-commercial-card-meta-r3) !important;
    font-size: .60rem !important;
    font-weight: 720 !important;
    line-height: 1.35 !important;
    text-align: right !important;
    white-space: normal !important;
  }

  /* Movies/Series/etc: commercial metadata without bloating card height. */
  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .nova-item-card .media-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding: 6px 1px 1px !important;
    background: #000000 !important;
    background-image: none !important;
  }

  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .nova-item-card .media-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    min-height: 2.05em !important;
    margin: 0 !important;
    font-size: .76rem !important;
    line-height: 1.32 !important;
    font-weight: 850 !important;
  }

  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .media-meta-primary-r3 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 1 !important;
    color: rgba(255,255,255,.66) !important;
    font-size: .57rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    white-space: normal !important;
  }

  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .media-meta-pills-r3 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 3px !important;
    margin: 0 !important;
  }

  html.nova-web-shell :is(
    [data-nova-page="movies"],
    [data-nova-page="series"],
    [data-nova-page="anime"],
    [data-nova-page="wrestling"],
    [data-nova-page="programs"]
  ) .media-meta-pills-r3 > span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 17px !important;
    padding: 2px 5px !important;
    border: 1px solid var(--nova-commercial-card-pill-border-r3) !important;
    border-radius: 999px !important;
    background: var(--nova-commercial-card-pill-bg-r3) !important;
    color: rgba(255,255,255,.86) !important;
    font-size: .52rem !important;
    line-height: 1 !important;
    font-weight: 760 !important;
  }
}