/* NETBOM DZ - Trailer full frame restore + details fullscreen button fix */

/* Restore trailer frame: no vertical cropping. The whole YouTube video area appears again. */
.trailer-frame,
.trailer-video,
.nb-trailer-full-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #000 !important;
  border: 1px solid color-mix(in srgb, var(--accent, #8b5cf6) 55%, transparent) !important;
}

.trailer-frame iframe,
.trailer-video iframe,
.netbom-youtube-trailer-frame,
.nb-details-trailer-active-frame {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border: 0 !important;
  border-radius: inherit !important;
  background: #000 !important;
  transform: none !important;
  translate: none !important;
  object-fit: contain !important;
}

/* Override the old crop trick that pushed the YouTube iframe upward. */
.trailer-frame iframe[src*="youtube.com/embed"],
.trailer-video iframe[src*="youtube.com/embed"],
.netbom-youtube-trailer-frame[src*="youtube.com/embed"] {
  height: 100% !important;
  max-height: 100% !important;
  transform: none !important;
  translate: none !important;
  top: auto !important;
  margin-top: 0 !important;
}

.trailer-box.nb-trailer-opened-from-button {
  scroll-margin-top: 96px !important;
}

@media (max-width: 760px) {
  .trailer-frame,
  .trailer-video,
  .nb-trailer-full-frame {
    border-radius: 16px !important;
  }
}

/* Fullscreen container polish */
.nb-trailer-full-frame:fullscreen,
.trailer-frame:fullscreen,
.trailer-video:fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: #000 !important;
}

.nb-trailer-full-frame:fullscreen iframe,
.trailer-frame:fullscreen iframe,
.trailer-video:fullscreen iframe {
  width: 100vw !important;
  height: 100vh !important;
  border-radius: 0 !important;
}