/* ==========================================================================
   NIMZELIO — ads.css
   Reserved ad slots. Hidden entirely when the ad system is disabled, so the
   disabled state causes zero layout shift and shows no placeholders.
   ========================================================================== */

.ad-slot {
  display: none; /* hidden by default; loader reveals it only when filled */
  margin: var(--s6) 0;
}

.ad-slot[data-ad-state="filled"] {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: var(--s3) 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.ad-slot[data-ad-state="filled"] .ad-label {
  display: block;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-2);
  margin-bottom: var(--s2);
}

.ad-slot[data-ad-state="filled"] .ad-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90px;
  max-width: 100%;
  overflow: hidden;
  border-radius: var(--r-sm);
}

.ad-slot[data-ad-state="filled"] .ad-inner > * {
  max-width: 100%;
  height: auto;
}

/* Compact variant used inside the tool workspace */
.ad-slot.ad-slot-compact[data-ad-state="filled"] {
  margin: var(--s4) 0;
  border: 0;
  padding: 0;
}
.ad-slot.ad-slot-compact[data-ad-state="filled"] .ad-inner { min-height: 60px; }