html, body { scroll-behavior: smooth; }

/* test - nech vidíš že sa to loaduje */
html { outline: 5px solid red !important; }

/* badge fix: DaisyUI má často fixnú výšku, preto treba height/min-height */
.badge:not(.badge-xs):not(.badge-sm) {
  height: auto !important;
  min-height: 2rem !important;
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  line-height: 1 !important;
}


/* --- Subtle animated tech background (grid + scanline) --- */
.apidata-techbg{
  background:
    radial-gradient(circle at 20% 15%, hsl(var(--p)/0.10), transparent 45%),
    radial-gradient(circle at 85% 35%, hsl(var(--s)/0.08), transparent 40%),
    linear-gradient(to bottom, transparent, hsl(var(--b1)/0.06), transparent),
    /* grid */
    linear-gradient(hsl(var(--b3)/0.16) 1px, transparent 1px),
    linear-gradient(90deg, hsl(var(--b3)/0.12) 1px, transparent 1px);
  background-size:
    auto,
    auto,
    auto,
    42px 42px,
    42px 42px;
  background-position:
    center,
    center,
    center,
    0 0,
    0 0;
  filter: blur(0.2px);
  mask-image: radial-gradient(circle at 30% 20%, black 0%, black 45%, transparent 75%);
  -webkit-mask-image: radial-gradient(circle at 30% 20%, black 0%, black 45%, transparent 75%);
  animation: apidataGridDrift 18s linear infinite;
  opacity: 0.9;
}

.apidata-techscan{
  background:
    repeating-linear-gradient(
      to bottom,
      transparent 0px,
      transparent 10px,
      hsl(var(--b3)/0.06) 11px,
      transparent 12px
    );
  mix-blend-mode: overlay;
  animation: apidataScan 6s linear infinite;
  opacity: 0.55;
  mask-image: radial-gradient(circle at 30% 20%, black 0%, black 50%, transparent 80%);
  -webkit-mask-image: radial-gradient(circle at 30% 20%, black 0%, black 50%, transparent 80%);
}

@keyframes apidataGridDrift{
  0%   { transform: translate3d(0,0,0); }
  100% { transform: translate3d(-42px,-42px,0); }
}

@keyframes apidataScan{
  0%   { transform: translate3d(0,-20px,0); }
  100% { transform: translate3d(0,20px,0); }
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .apidata-techbg, .apidata-techscan{ animation: none !important; }
}