/* ==========================================================================
   MarkDownload.com — Ad Slot Styles (ads.css)
   Placeholder and layout styles for Google AdSense slots.
   Slots are hidden by default; ads.js adds data-ad-injected="1" when active.
   ========================================================================== */

/* ---------- Base Ad Slot ---------- */
.ad-slot {
  display: none;
  width: 100%;
  max-width: 1100px;
  margin: 16px auto;
  padding: 0 20px;
  box-sizing: border-box;
  text-align: center;
  min-height: 0;
  overflow: hidden;
}

/* Ad slot inner container (injected by ads.js) */
.ad-slot ins {
  display: block;
  width: 100%;
}

/* Show only real injected ads */
.ad-slot[data-ad-injected="1"] {
  display: block;
}

/* ---------- Header Banner ---------- */
.ad-slot--header {
  min-height: 90px;
}

/* ---------- Footer Banner ---------- */
.ad-slot--footer {
  min-height: 90px;
}

/* ---------- In-Article ---------- */
.ad-slot--in-article {
  min-height: 100px;
  margin: 24px auto;
}

/* ---------- Sidebar ---------- */
.ad-slot--sidebar {
  min-height: 250px;
  max-width: 300px;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
  .ad-slot--header,
  .ad-slot--footer {
    min-height: 50px;
  }
}