/**
 * Responsive PubMatic ad slots.
 * Works together with pubmatic.js, which scales the injected iframe/img via transform.
 */

/* Wrapper created at runtime around each <span class="PubAdAI">.
   display:flex + justify-content:center centers the media box before any
   scaling is applied — combined with pubmatic.js scaling the media from its
   own center, this keeps every ad size centered on every screen width.
   overflow:hidden clips the (still native-width) media so it can never
   cause horizontal scrolling; height is set by pubmatic.js to the scaled
   value. */
.pubmatic-responsive {
  display: flex;
  justify-content: center;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

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