/* DDGBanner Banner Rotator v3.3 */

.ddgbanner-wrap { position:relative; text-align:center; margin:0 auto; }

/* Label */
.ddgbanner-label { display:inline-flex; align-items:center; gap:5px; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.6px; color:#999; margin-bottom:5px; font-family:-apple-system,sans-serif; }
.ddgbanner-label-dot { width:6px; height:6px; border-radius:50%; background:#ccc; display:inline-block; }

/* Stage */
.ddgbanner-stage { position:relative; }

/*
 * SLIDES — simpelste aanpak die altijd werkt:
 * Alles verborgen. Alleen .ddgbanner-active zichtbaar.
 * !important zodat GEEN thema of plugin dit ooit overschrijft.
 */
.ddgbanner-slide               { display:none !important; }
.ddgbanner-slide.ddgbanner-active { display:block !important; animation:ddgbannerFadeIn .35s ease; }
@keyframes ddgbannerFadeIn { from{opacity:0} to{opacity:1} }

/* Dots */
.ddgbanner-dots { display:flex; justify-content:center; gap:5px; padding:8px 0 2px; }
.ddgbanner-dot { width:7px; height:7px; border-radius:50%; background:#ddd; border:none; padding:0; cursor:pointer; transition:background .2s,transform .2s; }
.ddgbanner-dot.ddgbanner-dot-active { background:#e67e22; transform:scale(1.3); }

/* Links & media */
.ddgbanner-link { display:inline-block; text-decoration:none; line-height:0; }
.ddgbanner-wrap img, .ddgbanner-wrap iframe { max-width:100%; height:auto; display:block; margin:0 auto; border:none; }

/* Sticky bars */
.ddgbanner-sticky-bar { position:fixed; left:0; right:0; z-index:99999; background:#fff; padding:10px 16px; text-align:center; }
.ddgbanner-sticky-top    { top:0;    box-shadow:0 2px 20px rgba(0,0,0,.12); animation:ddgbannerStickyDown .3s ease; }
.ddgbanner-sticky-bottom { bottom:0; box-shadow:0 -2px 20px rgba(0,0,0,.12); animation:ddgbannerStickyUp .3s ease; }
@keyframes ddgbannerStickyUp   { from{transform:translateY(100%)} to{transform:translateY(0)} }
@keyframes ddgbannerStickyDown { from{transform:translateY(-100%)} to{transform:translateY(0)} }
.ddgbanner-sticky-bar .ddgbanner-wrap { display:inline-block; }
.ddgbanner-sticky-close { position:absolute; top:6px; right:10px; background:none; border:none; font-size:16px; color:#999; cursor:pointer; padding:4px 6px; border-radius:4px; }
.ddgbanner-sticky-close:hover { background:#f0f0f0; color:#333; }

/* Exit overlay */
.ddgbanner-exit-overlay { display:none; position:fixed; inset:0; background:rgba(0,0,0,.6); z-index:999999; align-items:center; justify-content:center; }
.ddgbanner-exit-overlay.ddgbanner-exit-visible { display:flex; }
.ddgbanner-exit-modal { position:relative; background:#fff; border-radius:12px; padding:24px; max-width:90vw; box-shadow:0 20px 60px rgba(0,0,0,.3); }
.ddgbanner-exit-close { position:absolute; top:10px; right:12px; background:none; border:none; font-size:20px; color:#999; cursor:pointer; padding:4px; }
.ddgbanner-exit-close:hover { color:#333; }