/* ============================================================
   Indexly.online — Ads Styling
   ============================================================ */

.ad-container {
  width: 100%;
  min-height: 60px;
  margin: 16px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: transparent;
  border-radius: var(--radius);
  padding: 0 4px;
}

.ad-container > * {
  max-width: 100% !important;
}

.ad-container iframe {
  max-width: 100% !important;
  border: 0;
}

/* Top ad */
.ad-container--top {
  min-height: 60px;
  max-height: 100px;
  margin: 12px auto 20px;
}

/* Mid ad */
.ad-container--mid {
  min-height: 90px;
  max-height: 130px;
  margin: 24px auto;
}

/* Bottom ad */
.ad-container--bottom {
  min-height: 60px;
  max-height: 100px;
  margin: 20px auto 12px;
}

/* Hide empty slots */
.ad-container:empty {
  display: none;
}

/* ─── Mobile ─── */
@media (max-width: 720px) {
  .ad-container {
    margin: 12px auto;
    padding: 0;
  }
  .ad-container--top,
  .ad-container--bottom {
    min-height: 60px;
    max-height: 90px;
    margin: 10px auto;
  }
  .ad-container--mid {
    min-height: 80px;
    max-height: 120px;
    margin: 16px auto;
  }
  /* Prevent overflow */
  .ad-container img,
  .ad-container > div,
  .ad-container > a {
    max-width: 100% !important;
    height: auto !important;
  }
}