/*
 * Stabilization stylesheet for visual-diff sandboxes.
 * Goal: both apps render the diff-root from the same baseline regardless
 * of framework defaults (Astro vs Nuxt + Tailwind reset + global styles).
 */

*, *::before, *::after {
  animation-duration: 0s !important;
  animation-delay: 0s !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  caret-color: transparent !important;
  scroll-behavior: auto !important;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  scroll-behavior: auto !important;
  overflow-x: hidden !important;
  width: 100% !important;
  scrollbar-gutter: auto !important;
}

[data-vd-bar] {
  display: none !important;
}

[data-visual-diff-root] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

[data-block="admin-menu"],
[data-petition-counter],
[data-rel-time],
.donation-counter,
.cookie-banner,
.grecaptcha-badge {
  visibility: hidden !important;
}

img {
  filter: contrast(0) brightness(1.66) !important;
  background: #d4d4d4 !important;
  color: transparent !important;
  font-size: 0 !important;
}
img::before, img::after {
  content: none !important;
}

/* Always show only the first slide — Swiper sometimes marks a non-first
 * slide active on boot, which would leave two visible if we also excluded
 * the active one. */
.swiper-slide:not(:first-child) {
  visibility: hidden !important;
}