/* Local click-to-play gate for Lordfilm-26 detail pages. */
.lf26-player-gate {
  position: relative;
  display: grid;
  min-height: 0;
  aspect-ratio: 2 / 1;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  background:
    radial-gradient(circle at 78% 14%, rgba(0, 180, 255, .35), transparent 38%),
    linear-gradient(135deg, #0b1724, #123244 52%, #0d1a29);
}

.lf26-player-gate::before {
  display: none;
}

.lf26-player-gate__button {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: grid;
  width: 64px;
  min-width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: #08aeea;
  box-shadow: 0 10px 25px rgba(0, 0, 0, .35);
  cursor: pointer;
  font: 700 28px/1 Arial, sans-serif;
  place-items: center;
  transform: translate(-50%, -50%);
}

.lf26-player-gate__button:hover,
.lf26-player-gate__button:focus-visible { background: #36c6f5; }
.lf26-player-gate__button:focus-visible { outline: 3px solid rgba(255,255,255,.75); outline-offset: 3px; }
.lf26-player-gate__button::before { margin-left: 4px; content: '▶'; font-size: 25px; }
.lf26-player-gate__button[disabled] {
  cursor: wait;
  background: transparent;
  box-shadow: none;
}
.lf26-player-gate__button[disabled]::before { content: none; }
.lf26-player-gate__button[disabled]::after {
  position: absolute;
  inset: -7px;
  border: 3px solid rgba(8, 174, 234, .25);
  border-top-color: #08aeea;
  border-radius: 50%;
  content: '';
  animation: lf26-player-spin .8s linear infinite;
}

.lf26-player-gate.is-loaded .lf26-player-gate__button { display: none; }
.lf26-player-gate.is-loaded { background: #05080b; }

.lf26-player-gate video-player,
.lf26-player-gate iframe { position: relative; z-index: 1; width: 100%; min-height: 0; height: 100%; }

.lf26-player-gate > video-player {
  position: absolute;
  inset: 0;
  display: block;
}

/* The provider renders inside a custom element.  Keep its host and any
   light-DOM fallback frame locked to the gate instead of its native 16:9 size. */
.video-inside.lf26-player-host .lf26-player-gate,
.video-inside.lf26-player-host video-player,
.video-inside.lf26-player-host video-player > *,
.video-inside.lf26-player-host video-player iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

.video-inside.lf26-player-host video-player {
  aspect-ratio: auto !important;
}

.video-responsive.lf26-player-gate {
  min-height: 0;
  padding-top: 0;
  aspect-ratio: 2 / 1;
  background:
    radial-gradient(circle at 76% 18%, rgba(130, 204, 63, .32), transparent 38%),
    linear-gradient(135deg, #142016, #29351d 52%, #161f15);
}

.video-responsive.lf26-player-gate .lf26-player-gate__button { background: #79c83f; }
.video-responsive.lf26-player-gate .lf26-player-gate__button:hover,
.video-responsive.lf26-player-gate .lf26-player-gate__button:focus-visible { background: #94db57; }
.video-responsive.lf26-player-gate .lf26-player-gate__button[disabled]::after {
  border-color: rgba(121, 200, 63, .25);
  border-top-color: #79c83f;
}

.video-responsive.lf26-player-gate > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
}

.video-inside.lf26-player-host {
  min-height: 0;
  height: auto !important;
  aspect-ratio: 2 / 1;
  background: transparent;
  overflow: hidden;
  border-radius: 8px !important;
}

#playbaza.lf26-player-host {
  min-height: 0 !important;
  height: auto !important;
}

.video-inside.lf26-player-host > .lf26-player-gate {
  width: 100%;
  height: 100%;
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 0 !important;
}

.lf26-player-gate,
.video-responsive.lf26-player-gate,
.video-inside.lf26-player-host {
  border-radius: 8px;
}

.lf-full-modern .urur__player {
  overflow: hidden;
  border-radius: 8px;
}

.lf-full-modern .urur__player:has(+ .video-responsive.lf26-player-gate) {
  border-radius: 8px 8px 0 0;
}

.lf-full-modern .urur__player + .video-responsive.lf26-player-gate {
  border-radius: 0 0 8px 8px;
}

@keyframes lf26-player-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 600px) {
  .video-responsive.lf26-player-gate,
  .video-inside.lf26-player-host { height: 260px !important; aspect-ratio: auto; }

  .lf26-player-gate { min-height: 0; border-radius: 7px; }
  .lf26-player-gate__button { width: 58px; min-width: 58px; height: 58px; }
  .lf26-player-gate video-player,
  .lf26-player-gate iframe { min-height: 0; }

  .video-responsive.lf26-player-gate > iframe { min-height: 0; }

  .lf-full-modern .urur__cols-left {
    padding-right: 8px;
    padding-left: 8px;
  }

  #playbaza.lf26-player-host {
    height: 260px !important;
    width: calc(100% + 16px);
    margin-left: -8px;
    border-radius: 8px;
  }

  #playbaza.lf26-player-host > .lf26-player-gate {
    border-radius: 8px !important;
  }
}
