/* Base wrapper */
.rs-ad-slot {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 20px auto;
  border: 1px solid var(--border);
  background: var(--white-ash);
  box-shadow: var(--shadow);
  border-radius: 5px;
}
.rs-ad-slot.rs-ad--sidebar { margin-bottom: 30px; }

/* Hidden state: stay fully collapsed */
.rs-ad-slot.rs-ad-hidden { display: none !important; }

/* Label "Advertentie" (single definition) */
.rs-ad-label {
  font-size: 10px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--text);
  background: var(--white-dark);
  position: absolute;
  top: -7px;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 2px 8px;
  border-radius: 5px 5px 0 0;
  z-index: 99;
}

/* Inner content area */
.rs-ad-inner {
  position: relative;
  display: block;              /* no flex to avoid sizing issues */
  width: 100%;
  overflow: visible;
  border-radius: 5px;
}

/* Collapse when there's no content (prevents empty boxes) */
.rs-ad-inner:empty {
  min-height: 0 !important;
  padding: 0 !important;
}

/* Images */
.rs-ad-inner img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 5px;
}

/* Let AdSense <ins> decide size; give it a floor only when present */
.rs-ad-inner .adsbygoogle {
  display: block !important;
  width: 100% !important;
  min-height: 90px;            /* baseline for banner units */
}

/* Sidebar units (300x250 or 300x600) */
.rs-ad--sidebar .rs-ad-inner .adsbygoogle { min-height: 250px; }

/* Optional tall sidebar variant override:
.rs-ad--sidebar .rs-ad-inner .adsbygoogle.tall { min-height: 600px; }
*/

/* Mobile tweak for banners */
@media (max-width: 768px) {
  .rs-ad--banner .rs-ad-inner .adsbygoogle { min-height: 50px; } /* e.g. 320x50 */
}

/* Neutral placeholder (dev/demo only) */
.rs-ad-ph {
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #888;
  background: repeating-linear-gradient(
    45deg,
    #fafafa, #fafafa 10px,
    #f3f3f3 10px, #f3f3f3 20px
  );
  border-radius: 6px;
  padding: 14px 10px;
}
