/* ====== BASE ====== */
.wpz-ad{
  position:relative;
  box-sizing:border-box;
  --wpz-maxw: 100%;
  --wpz-mobilew: 96vw;
  display:block;
  overflow:hidden; /* sécurité anti-débordement */
}
.wpz-ad .wpz-ad-surface{
  position:relative;
  box-sizing:border-box;
  width:100%;
  max-width:var(--wpz-maxw);
  margin:0 auto;
}
.wpz-ad.is-hidden{display:none}

/* Bouton fermer */
.wpz-ad .wpz-ad-close{
  position:absolute; top:8px; right:8px; z-index:5;
  display:inline-flex; align-items:center; justify-content:center;
  width:32px; height:32px;
  border:0; border-radius:6px;
  background:rgba(0,0,0,.65); color:#fff; cursor:pointer;
}
.wpz-ad .wpz-ad-close:hover{background:rgba(0,0,0,.8)}

/* Images génériques */
.wpz-ad img{max-width:100%; height:auto; display:block}

/* ====== SNIPPETS HTML / AFFILIÉS ====== */
.wpz-ad .wpz-ad-html{
  width:100%; max-width:100%;
  box-sizing:border-box;
}
.wpz-ad .wpz-ad-html > a{
  display:block;
  width:100%; max-width:100%;
}
.wpz-ad .wpz-ad-html img,
.wpz-ad .wpz-ad-html picture,
.wpz-ad .wpz-ad-html iframe{
  display:block;
  width:100%;
  max-width:100%;
  height:auto !important;
  box-sizing:border-box;
}

/* Sécurité mobile */
@media (max-width:782px){
  .wpz-ad .wpz-ad-surface,
  .wpz-ad .wpz-ad-html,
  .wpz-ad .wpz-ad-html > a,
  .wpz-ad .wpz-ad-html img,
  .wpz-ad .wpz-ad-html picture,
  .wpz-ad .wpz-ad-html iframe{
    max-width:var(--wpz-mobilew);
  }
}

/* ====== INLINE ====== */
.wpz-ad.wpz-ad--inline{
  width:100%; max-width:var(--wpz-maxw);
  margin:16px auto;
}
@media (max-width:782px){
  .wpz-ad.wpz-ad--inline{ max-width:var(--wpz-mobilew); }
}

/* Full-bleed (bord à bord) */
.wpz-ad.wpz-w-full.wpz-ad--inline{
  width:100vw; max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.wpz-ad.wpz-w-full .wpz-ad-html img,
.wpz-ad.wpz-w-full .wpz-ad-html picture,
.wpz-ad.wpz-w-full .wpz-ad-html iframe{
  width:100% !important; max-width:100% !important;
}

/* ====== POPUP / FULLSCREEN (inchangé, juste surface clean) ====== */
.wpz-ad--popup, .wpz-ad--fullscreen{
  position:fixed; inset:0; z-index:9999;
  display:flex; align-items:center; justify-content:center;
  background:rgba(2,6,23,.55);
  padding:24px;
}
.wpz-ad--popup .wpz-ad-surface{
  background:#fff; color:#0f172a;
  width:100%; max-width:min(92vw, 880px);
  border-radius:16px; box-shadow:0 20px 60px rgba(2,6,23,.35);
  overflow:hidden;
}
@media (max-width:782px){
  .wpz-ad--popup .wpz-ad-surface{ max-width:var(--wpz-mobilew); }
}
.wpz-ad--fullscreen .wpz-ad-surface{
  background:transparent; width:100%; height:100%;
  display:flex; align-items:center; justify-content:center;
}

/* ====== BARS (top/bottom) ====== */
.wpz-ad--bar_top, .wpz-ad--bar_bottom{
  position:fixed; left:0; right:0; z-index:9998;
  display:flex; justify-content:center; padding:0 12px;
}
.wpz-ad--bar_top{ top:0 } .wpz-ad--bar_bottom{ bottom:0 }
body.admin-bar .wpz-ad--bar_top{ top:32px }
@media (max-width:782px){ body.admin-bar .wpz-ad--bar_top{ top:46px } }

.wpz-ad--bar_top .wpz-ad-surface,
.wpz-ad--bar_bottom .wpz-ad-surface{
  background:#0f172a; color:#fff;
  padding:8px 12px;
  width:100%; max-width:min(1000px, 100%);
  border-radius:0 0 12px 12px;
}
.wpz-ad--bar_bottom .wpz-ad-surface{ border-radius:12px 12px 0 0 }

/* ====== TOASTS & SLIDE-IN (inchangés sauf overflow) ====== */
.wpz-ad--toast_br, .wpz-ad--toast_bl{
  position:fixed; z-index:9997; bottom:16px;
}
.wpz-ad--toast_br{ right:16px } .wpz-ad--toast_bl{ left:16px }
.wpz-ad--toast_br .wpz-ad-surface, .wpz-ad--toast_bl .wpz-ad-surface{
  background:#0f172a; color:#fff;
  border-radius:12px; padding:10px;
  box-shadow:0 12px 40px rgba(2,6,23,.35);
  width:100%; max-width:380px;
  overflow:hidden;
}
@media (max-width:782px){
  .wpz-ad--toast_br .wpz-ad-surface, .wpz-ad--toast_bl .wpz-ad-surface{
    max-width:var(--wpz-mobilew);
  }
}
.wpz-ad--slide_right{
  position:fixed; z-index:9997; right:0; top:0; bottom:0;
  width:min(92vw, 520px);
  transform:translateX(110%); transition:transform .35s ease;
  display:flex; align-items:stretch; justify-content:stretch;
}
.wpz-ad--slide_right.is-open{ transform:translateX(0) }
.wpz-ad--slide_right .wpz-ad-surface{
  background:#fff; color:#0f172a; width:100%;
  max-width:520px; overflow:auto;
  box-shadow:0 12px 40px rgba(2,6,23,.35);
}
/* Remplir TOUTE la largeur du conteneur (sans full-bleed) */
.wpz-ad.wpz-w-container .wpz-ad-surface{ width:100%; max-width:100%; }
.wpz-ad.wpz-w-container .wpz-ad-html,
.wpz-ad.wpz-w-container .wpz-ad-html > a{ width:100% !important; max-width:100% !important; }

/* Étire les médias au conteneur (même si la créa fait 300/500px) */
.wpz-ad.wpz-w-container .wpz-ad-html img,
.wpz-ad.wpz-w-container .wpz-ad-html picture,
.wpz-ad.wpz-w-container .wpz-ad-html iframe{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  box-sizing:border-box;
}

/* Cas “snippets” qui imposent width/height en attributs inline */
.wpz-ad.wpz-w-container .wpz-ad-html img[width],
.wpz-ad.wpz-w-container .wpz-ad-html img[height],
.wpz-ad.wpz-w-container .wpz-ad-html iframe[width],
.wpz-ad.wpz-w-container .wpz-ad-html iframe[height]{
  width:100% !important;
  height:auto !important;
}

/* Sécurité mobile : ne dépasse jamais l’écran */
@media (max-width:782px){
  .wpz-ad.wpz-w-container .wpz-ad-surface,
  .wpz-ad.wpz-w-container .wpz-ad-html,
  .wpz-ad.wpz-w-container .wpz-ad-html > a,
  .wpz-ad.wpz-w-container .wpz-ad-html img,
  .wpz-ad.wpz-w-container .wpz-ad-html picture,
  .wpz-ad.wpz-w-container .wpz-ad-html iframe{
    max-width:var(--wpz-mobilew, 96vw);
  }
}