/* ============================================
   ADS — direct-embed Adsterra slot styles
   Loaded by every page that renders an ad slot.
   Replaces the prior iframe + JS-src-swap pattern.
   Responsive sizing is now CSS-only: Adsterra
   invoke.js reads .ad-banner__inner min-height and
   picks a matching creative (728x90 vs 320x50).
============================================ */

.ad-banner {
  width: 100%;
  max-width: 728px;
  margin: 32px auto;
  padding: 0 16px;
  box-sizing: border-box;
  text-align: center;
}

.ad-banner__inner {
  /* Adsterra creative container — height is the only knob
     the ad script reads to choose creative size. */
  min-height: 90px;
  background: transparent;
  display: block;
}

@media (max-width: 768px) {
  .ad-banner__inner {
    min-height: 50px;
  }
}

/* Social bar — fixed bottom strip 60px tall. The script
   (pl30490969) injects the bar contents into the parent
   <aside>; CSS handles position + z-index. */
.ad-social-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  z-index: 9999;
  background: transparent;
  pointer-events: auto;
}