/* =========================================================
   LibraryX YouTube Background Video (shared include CSS)
   - Put this CSS on every page that uses LibraryX_video.inc
   ========================================================= */

body{
  /* 유튜브 배경이 보이도록 body는 투명(배경은 video-overlay가 담당) */
  background: transparent !important;
}

/* YouTube background container */
#video-background{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -2;          /* 콘텐츠 뒤 */
  overflow: hidden;
  background: #000;
}

/* Overlay for readability (keeps your original gradient feel) */
.video-overlay{
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(1200px 700px at 20% 0%, rgba(50,110,255,.12), transparent 60%),
    radial-gradient(900px 600px at 80% 10%, rgba(120,220,255,.10), transparent 60%),
    radial-gradient(900px 600px at 50% 100%, rgba(120,255,190,.06), transparent 55%),
    linear-gradient(180deg, rgba(5,7,12,.55), rgba(7,11,18,.50) 40%, rgba(5,7,12,.55));
}

/* IFrame positioning (size is adjusted by LibraryX_video.inc resizeVideoSize()) */
#video-background iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}