/*! Digimedia Fullscreen UI - appearance-only styles (no format/player logic) */

/* make sure the whole box can actually become the fullscreen element
   and fills the screen properly when it does */
.main:fullscreen,
.main:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  background: #000;
}

.main:fullscreen .video-container,
.main:-webkit-full-screen .video-container {
  height: 100%;
}

/* custom control buttons match the theme's own Plyr control style
   already used for the fast-forward/rewind + playlist buttons */
[data-dmr="fullscreen"] i,
[data-dmr="lock"] i {
  font-size: 15px;
}

/* ---------------- auto-hide back/menu/data-usage buttons together
   with Plyr's own controls after inactivity ---------------- */
.post-info {
  transition: opacity 0.3s ease;
}

.post-info.dmr-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-30px) !important;
}

/* ---------------- compact episode-list panel while in our forced
   landscape fullscreen on phones — the theme's panel was sized for
   desktop and stayed that size in landscape mobile, making it look
   oversized ---------------- */
.main.dmr-fullscreen-active .main-playlist .inner-items {
  width: 640px;
  max-width: 92%;
}

.main.dmr-fullscreen-active .main-playlist .inner-items .headline .title {
  font-size: 20px;
}

.main.dmr-fullscreen-active .main-playlist .inner-items .headline .desc {
  font-size: 12px;
}

.main.dmr-fullscreen-active .main-playlist .inner-items .headline > .icon {
  display: none; /* large decorative icon wastes vertical space in landscape */
}

.main.dmr-fullscreen-active .main-playlist .inner-items .headline .season-selector {
  margin-top: 10px;
}

.main.dmr-fullscreen-active .main-playlist .inner-items .headline .season-selector .select-box {
  width: calc(100% - 150px);
}

.main.dmr-fullscreen-active .main-playlist .inner-items .headline .season-selector .main-seas-select button {
  padding: 8px 10px;
}

.main.dmr-fullscreen-active .main-playlist .nice-select {
  height: 30px;
  line-height: 24px;
  font-size: 11px;
}

.main.dmr-fullscreen-active .main-playlist .inner-items .main-lists {
  margin-top: 10px;
}

.main.dmr-fullscreen-active .main-playlist > .close-box {
  top: 6px;
  right: 6px;
  padding: 6px 10px;
  font-size: 18px;
}

/* the theme only shrinks the episode cards at narrow *widths* — in
   forced landscape fullscreen the width is large but the height is
   short, so cards stayed at their huge default height (275px) */
.main.dmr-fullscreen-active .season-episodes-slider .swiper-slide .item {
  height: 130px;
  border-radius: 12px;
}

.main.dmr-fullscreen-active .season-episodes-slider .swiper-slide .item .title {
  padding: 6px;
}

.main.dmr-fullscreen-active .season-episodes-slider .swiper-slide .item .title h3 {
  font-size: 11px;
}

.main.dmr-fullscreen-active .main-playlist .inner-items .main-lists .navigation > span {
  width: 26px;
  height: 26px;
  font-size: 11px;
}


/* keep the whole panel scrollable at this smaller size instead of
   overflowing the short landscape viewport height */
.main.dmr-fullscreen-active .main-playlist {
  align-items: flex-start;
  padding: 46px 10px 10px;
  box-sizing: border-box;
}

/* ---------------- lock overlay ----------------
   While locked: nothing is visible except the video. The overlay
   itself is fully invisible but still catches every tap so nothing
   underneath (play/pause, seek, controls) can be triggered. Only a
   single tap briefly reveals the small unlock button. ---------------- */
.dmr-lock-overlay {
  position: absolute;
  inset: 0;
  z-index: 2147483000;
  display: none;
  background: transparent;
}

.dmr-locked .dmr-lock-overlay {
  display: block;
}

/* completely hidden while locked - not just dimmed */
.dmr-locked .plyr__controls,
.dmr-locked .post-info {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.dmr-unlock-btn {
  position: absolute;
  left: 16px;
  bottom: 16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

/* only shown briefly after a single tap on the locked screen */
.dmr-lock-overlay.dmr-reveal .dmr-unlock-btn {
  opacity: 1;
  pointer-events: all;
}