/* Component-market canvas hosts (21st.dev shaders etc.): keep layout when WebGL dies */
[data-wpcl-canvas-host] {
  position: relative;
  min-height: 1px;
  background-color: inherit;
}
[data-wpcl-canvas] {
  max-width: 100%;
  pointer-events: none;
}
[data-wpcl-carousel] [data-wpcl-carousel-slide][hidden] {
  display: none !important;
}
/* Pause marquees only while front-end editor is open (keep scroll on public views). */
body.wpcloner-editing [data-wpcl-marquee] {
  animation-play-state: paused !important;
}

/*
 * Host Additional CSS often sets global input/textarea/select { color:#fff !important }
 * for a dark Contact Form 7 hero. Keep Sitecloner forms readable on light cards.
 */
form.wpcl-form input:not([type="hidden"]):not([type="submit"]),
form.wpcl-form select,
form.wpcl-form textarea,
form.wpcloner-form input:not([type="hidden"]):not([type="submit"]),
form.wpcloner-form select,
form.wpcloner-form textarea {
  background-color: var(--background, #fff) !important;
  color: var(--foreground, #111) !important;
  border: 1px solid var(--border, #d4d4d8) !important;
}
form.wpcl-form input::placeholder,
form.wpcl-form textarea::placeholder,
form.wpcloner-form input::placeholder,
form.wpcloner-form textarea::placeholder {
  color: var(--muted-foreground, #71717a) !important;
  opacity: 1;
}