/**
 * Divi Animation Disabler — manufacturers theme child
 * Bestand: /wp-content/themes/manufacturers-theme/divi-disable-animations.css
 *
 * Schaelt alle Divi scroll/entrance animaties uit.
 * Veilig: sliders, menu's en builder-UI blijven intact.
 *
 * Rollback: verwijder de enqueue in functions.php, klaar.
 */

/* ============================================================
   1. DIVI ENTRANCE ANIMATIONS (scroll-triggered)
      Klassen die Divi toevoegt via waypoints / IntersectionObserver
   ============================================================ */

/* Force alle geanimeerde elementen direct zichtbaar */
.et-animated,
.et-waypoint,
.et_pb_animation_top,
.et_pb_animation_bottom,
.et_pb_animation_left,
.et_pb_animation_right,
.et_pb_animation_fade,
.et_pb_animation_zoom,
[class*="et_pb_animation_"] {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
    visibility: visible !important;
}

/* ============================================================
   2. DIVI INLINE-STYLE OVERSCHRIJVING
      Divi zet soms opacity:0 als inline style via JS.
      Dit kan alleen betrouwbaar via JS worden gereset (zie .js),
      maar dit is de CSS-laag als extra vangnet.
   ============================================================ */

.et_pb_row,
.et_pb_column,
.et_pb_module,
.et_pb_section {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ============================================================
   3. DIVI MODULE-SPECIFIEKE FADE/SLIDE EFFECTEN
   ============================================================ */

/* Blurb, CTA, Testimonial, Pricing */
.et_pb_blurb,
.et_pb_cta,
.et_pb_testimonial,
.et_pb_pricing_table,
.et_pb_team_member {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
}

/* Text modules & titels */
.et_pb_text,
.et_pb_post_title,
.et_pb_title,
h1, h2, h3, h4 {
    animation: none !important;
}

/* ============================================================
   4. DIVI GLOBAL CSS TRANSITIONS TEMPEREN
      Verwijdert onnodige transitions die layout shift geven.
      LET OP: hover-effecten op knoppen/links blijven bewaard
      via de uitzonderingsblokken hieronder.
   ============================================================ */

/* Schakel body-level transitions uit die Divi toevoegt */
body.et_animated {
    transition: none !important;
}

/* Divi's "page load" klasse */
body.et-fb-root-ancestor,
body.et_pb_pagebuilder_layout {
    /* geen actie nodig hier, veiligheidsregel */
}

/* ============================================================
   5. WAYPOINTS / SCROLL ANIMATIE KLASSEN
      Divi voegt deze toe en verwijdert ze na trigger.
      Wij zetten ze voor alle states op zichtbaar.
   ============================================================ */

.et-animated.et-animated-done,
.et-waypoint.et-animated {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* ============================================================
   6. VEILIGE UITZONDERINGEN — NIET AANRAKEN
      Sliders, navigatie en builder-UI hebben transitions nodig.
   ============================================================ */

/* Divi slider werking behouden */
.et_pb_slider .et_pb_slide,
.et_pb_slider .et_pb_slide_description,
.et_pb_slider .et-pb-arrow-prev,
.et_pb_slider .et-pb-arrow-next,
.et_pb_slider .et-pb-controllers,
.et_pb_slider .et_pb_slide_image {
    animation: revert !important;
    transition: revert !important;
    opacity: revert !important;
    transform: revert !important;
    visibility: revert !important;
}

/* Mobiel menu */
.et_mobile_menu,
.et_pb_menu,
#et-top-navigation,
.et-menu-nav {
    animation: revert !important;
    transition: revert !important;
    opacity: revert !important;
}

/* Divi Builder UI (backend editor) */
#et-fb-app,
.et-fb-root,
[id^="et-boc"] {
    animation: revert !important;
    transition: revert !important;
    opacity: revert !important;
}

/* Hover-states behouden voor UX (knoppen, links) */
.et_pb_button,
a,
.et_pb_more_button {
    transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}

/* ============================================================
   7. PREFERS-REDUCED-MOTION (toegankelijkheid + extra zekerheid)
   ============================================================ */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}