/*
 * Advertising slots.
 *
 * The two live slots keep the sizes the old rotator stored on its groups: below-header at
 * 700x120 and sidebar at 300x300. Those come through as inline custom properties from the
 * slot's term meta, so a new slot is configured in the backend rather than here.
 */

.nx-ad-slot {
  margin: 0 auto;
}

.nx-ad-image {
  display: block;
  width: 100%;
  height: auto;
  max-height: var(--nx-ad-max-h, none);
  object-fit: contain;
}

.nx-ad-slot--below-header { margin-block: 8px; }
.nx-ad-slot--sidebar { max-width: 250px; }

/* Admin list-table run-window states. */

.noxtec-ad-state {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 12px;
}

.noxtec-ad-state--running {
  background: #d6f5e0;
  color: #145c32;
}

.noxtec-ad-state--scheduled {
  background: #e2e8f0;
  color: #3d4e64;
}

.noxtec-ad-state--expired {
  background: #fbdcdc;
  color: #7a1d1d;
}