/* =======================
   Dark tech + Christmas Forminator Theme
   ======================= */
.forminator-custom-form {
  background-color: #0a0a0a;  /* mørk base */
  color: #ffffff;
  padding: 30px;
  border-radius: 12px;
  border: 3px solid #cc0000;  /* dyp rød julekant */
  box-shadow: 0 0 20px rgba(204,0,0,0.6), 0 0 35px rgba(0,204,255,0.4);
  position: relative;
  overflow: hidden;

  /* Snøbakgrunn – fri JPG */
  background-image: url('https://www.publicdomainpictures.net/pictures/272000/velka/snow-background.jpg');
  background-repeat: repeat;
  background-size: cover;
}

/* Input / textarea / select felter */
.forminator-custom-form input,
.forminator-custom-form textarea,
.forminator-custom-form select {
  background-color: #121212;
  color: #ffffff;
  border: 1px solid #00cfff;  /* neon‑blå for tech‑vibe */
  padding: 12px;
  border-radius: 5px;
  font-weight: 500;

  /* Snø‑ikon dekor (snøflak) – transparent PNG/SVG */
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/7e/Snow_flake_icon.svg');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px 20px;
}

/* Placeholder tekst */
.forminator-custom-form ::placeholder {
  color: #bbbbbb;
}

/* Submit‑knapp styling */
.forminator-custom-form .forminator-button {
  background-color: #cc0000;
  color: #ffffff;
  border: 2px solid #00ff50;  /* grønn kontrast for jul/vinter */
  padding: 14px 28px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  box-shadow: 0 0 10px #cc0000, 0 0 20px #00ff50;
  transition: transform 0.2s ease, box-shadow 0.3s ease;
}

.forminator-custom-form .forminator-button:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px #cc0000, 0 0 30px #00ff50;
  background-color: #ff3333;
  color: #ffffaa;
}

/* Skjematittel / overskrift */
.forminator-custom-form h3 {
  font-family: 'Orbitron', sans-serif;
  color: #00dfff;
  text-align: center;
  margin-bottom: 20px;
  text-shadow: 0 0 6px #00dfff, 0 0 12px #cc0000;
}

/* Lett animert snøfall bakgrunn (scroll‑effekt) */
@keyframes snowScroll {
  0%   { background-position: 0 0; }
  100% { background-position: 0 100%; }
}
.forminator-custom-form {
  animation: snowScroll 60s linear infinite;
}