/* ================================
   GLOBAL RENDERING HARDENING
   Fixes sub-pixel seams, blur bleed,
   and hairline artifacts on dark UI
   ================================ */

html,
body {
  background-color: #000000;
  overscroll-behavior: none;
}


/* =================================
   GLASS / BLUR PANELS
   Use inset shadow instead of border
   ================================= */

.glass-panel,
header,
.dropdown-panel,
.modal,
.glass {
  border: none !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  contain: paint;
  will-change: transform;
}

/* =================================
   TOP GRADIENT STRIP (NO 1px HEIGHT)
   ================================= */

.top-gradient-strip {
  height: 2px;
  opacity: 0.25;
  pointer-events: none;
}

/* =================================
   PREVENT BACKDROP BLUR BLEED
   ================================= */

.backdrop-blur,
.backdrop-blur-xl,
.backdrop-blur-md {
  isolation: isolate;
}

/* =================================
   SAFARI / CHROME ROUNDING FIXES
   ================================= */

img,
video {
  display: block;
}

/* ================================
   SAFE BACKGROUND IMAGE FIXES
   (Scoped – no global selectors)
   ================================ */

.video-thumbnail {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  visibility: visible;
  z-index: 0;
}

.video-card {
  position: relative;
  overflow: hidden;
}

.video-overlay {
  pointer-events: none;
}

/* Prevent fractional spacing issues */
[class*="px-"][class*=".5"],
[class*="py-"][class*=".5"] {
  padding: unset !important;
}