/*
Theme Name: Bruyst Child
Theme URI: https://bruyst.nl/
Description: Child theme voor Bruyst — voegt menu's, shortcodes en helpers toe bovenop Hello Elementor.
Author: Bruyst
Author URI: https://bruyst.nl/
Template: hello-elementor
Version: 1.0.0
Text Domain: bruyst-child
*/

/* De volledige Bruyst styling staat in bruyst-custom-css.css —
   die laden we via functions.php. Dit child-theme bestand laten
   we leeg zodat alle styles centraal te beheren blijven. */


html,
body{
	overflow-x:hidden!important;
	
}


.e-con.e-parent:has(.elementor-motion-effects-element) {
  overflow-x: clip;
}




/* ============================================================
   Bruyst — subtiele beweging (fail-safe, puur CSS)
   Plak dit onderaan in style.css.
   Geen JS nodig, geen opacity:0 -> er kan NIETS verdwijnen.
   Alles uit bij "beweging verminderen".

   Classes (Elementor -> Geavanceerd -> CSS-classes):
   - .bruyst-anim-wave  -> de twee teal flow-line image-widgets (hero + footer)
   - .bruyst-anim-blob  -> de container met de mintblob-achtergrond
   (de navy-golf heeft GEEN class nodig: die morph zit in de HTML-widget zelf)
   ============================================================ */

@media (prefers-reduced-motion: no-preference) {

  /* Wave-lijntjes: golvende 'zwem'-beweging */
  @keyframes bruyst-wave-flow {
    0%, 100% { transform: translate(0, 0); }
    25%      { transform: translate(10px, -6px); }
    50%      { transform: translate(18px, 0); }
    75%      { transform: translate(10px, 6px); }
  }
  .bruyst-anim-wave img {
    animation: bruyst-wave-flow 6.5s ease-in-out infinite;
    will-change: transform;
  }

  /* Blob: ademt subtiel via background-position */
  @keyframes bruyst-blob-breathe {
    0%, 100% { background-position: 0% 0%; }
    50%      { background-position: 5% 3%; }
  }
  .bruyst-anim-blob {
    animation: bruyst-blob-breathe 12s ease-in-out infinite;
    will-change: background-position;
  }
}