/**
 * Responsive Revive Adserver banners.
 * Works together with ads.js, which scales the injected <iframe> via transform.
 */

/* Wrapper created at runtime around each <ins data-revive-zoneid>.
   overflow:hidden clips the (still native-width) iframe so it can never
   cause horizontal scrolling; height is set by ads.js to the scaled value. */
.revive-responsive {
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

/* The iframe is sized/scaled by JS — don't let theme rules shrink it,
   which would crop the creative instead of scaling it. */
.revive-responsive iframe {
  max-width: none;
  display: block;
  border: 0;
}

/* Fallback: if a zone ever delivers an inline <a><img> creative instead of an
   iframe, plain max-width:100% is enough to make it responsive. */
.revive-responsive img,
.revive-responsive a img {
  max-width: 100%;
  height: auto;
}