/*
Theme Name: DE VORMGEVER THEME
Template: Impreza
Version: 1.0
Author:	DE VORMGEVER
Theme URI: https://devormgever.com
Author URI: https://devormgever.com
*/

/*Add your own styles here:*/
/* gravityforms * melding uitschakelen */
.gform_required_legend {
    display: none !important;
}

/* Alle iconen in knoppen (Impreza + Gravity Forms) */
.w-btn i,
button[type="submit"] i,
.gform_footer button i {
  display: inline-block; /* zodat transform werkt */
  transition: transform 0.3s ease;
}

/* Hover-effect: icoon schuift naar rechts */
.w-btn:hover i,
button[type="submit"]:hover i,
.gform_footer button:hover i {
  transform: translateX(5px);
}

/* hover down class maken */
/* ===== Hover-down: subtiel icoon omlaag, overschrijft standaard animaties ===== */
.w-btn.hover-down {
  --hover-down-amount: 3px;      /* pas aan naar smaak: 2px–5px */
  --hover-down-time: 0.2s;
  /* Zet eventuele theme-animaties op de button zelf uit */
  transform: none !important;
  transition: none !important;
}

/* Theme beweegt soms label/inhoud ook: resetten */
.w-btn.hover-down .w-btn-label {
  transform: none !important;
  transition: none !important;
}

/* Icoon krijgt z'n eigen animatie */
.w-btn.hover-down i {
  display: inline-block;               /* nodig voor transform op inline element */
  transform: translateY(0);            /* startpositie */
  transition: transform var(--hover-down-time) ease !important;
  will-change: transform;
}

/* Alleen het icoon beweegt subtiel naar beneden bij hover/focus */
.w-btn.hover-down:hover i,
.w-btn.hover-down:focus-visible i {
  transform: translateY(var(--hover-down-amount));
}

/* Optioneel: verminderde beweging respecteren */
@media (prefers-reduced-motion: reduce) {
  .w-btn.hover-down i { transition: none !important; }
}

/* ===== Wiegende animatie (links-rechts) ===== */
.wiggle-slow {
  display: inline-block;
  animation: wiggle-slow 3s ease-in-out infinite alternate;
  will-change: transform;
}

@keyframes wiggle-slow {
  from { transform: translateX(-7px); }
  to   { transform: translateX(7px); }
}

/*class voor siteheader beweging */
.scroll-logo {
  display: block;
  position: relative; /* zodat transform werkt */
  transition: transform 1s linear;
}