/* ===========================
   BASIS — BANNER STANDAARD VERBORGEN
   =========================== */
#banner {
    position: fixed;
    opacity: 0;
    bottom: -100vh;               /* volledig buiten zicht */
    left: 20px;                   /* positie links onder */
    transition: 0.8s all ease;
    z-index: 99999;
    pointer-events: none;         /* niet klikbaar wanneer verborgen */
}


/* ===========================
   ZICHTBAAR (slide-in)
   =========================== */
#banner.show {
    opacity: 1;
    bottom: 20px;                 /* slide-in afstand */
    pointer-events: auto;         /* klikbaar */
}


/* ===========================
   VERBORGEN (slide-out)
   =========================== */
#banner.hide {
    opacity: 0;
    bottom: -100vh;               /* buiten beeld */
    pointer-events: none !important;  /* voorkomt blokkeren sticky row */
}


/* ===========================
   DIVI VISUAL BUILDER — ALTIJD TONEN
   =========================== */
.et-fb-root-ancestor #banner {
    opacity: 1 !important;
    bottom: 20px !important;
    position: absolute !important;  /* voorkomt overlay */
    left: 20px !important;
    right: auto !important;
    margin: 0 !important;
    pointer-events: auto !important;
    z-index: 1 !important;         /* onder builder UI */
}