/*
 * Sprint 19: tasteful ad containers.
 *
 * Goals:
 * - Visible "Advertisement" label (trust signal, GDPR friendly)
 * - Soft rounded border so ads feel integrated, not jammed in
 * - "Hate ads? Go Premium →" upsell link below each ad
 * - Reserve space so lazy-loaded ads don't cause layout shift
 */

.wb-ad {
  max-width: 728px;
  margin: 1.5rem auto;
  padding: 0.75rem 0.75rem 0.5rem;
  background: #FDFAF5;
  border: 1px solid #E8DFD0;
  border-radius: 12px;
  text-align: center;
  min-height: 120px;       /* reserve space to avoid CLS */
}

.wb-ad__label {
  display: block;
  font-size: 0.7rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9B8E7B;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.wb-ad__slot {
  min-height: 90px;
}

.wb-ad__upsell {
  display: block;
  margin-top: 0.6rem;
  font-size: 0.75rem;
  color: #9B8E7B;
  text-decoration: none;
}

.wb-ad__upsell:hover {
  color: #D4891A;
  text-decoration: underline;
}

.wb-ad__upsell strong {
  color: #D4891A;
  font-weight: 600;
}

/* If user is premium, hide ad containers entirely */
body.premium-active .wb-ad {
  display: none !important;
}

/* Game-specific: tighter spacing on game pages to keep layout compact */
.wb-ad--game {
  margin: 1rem auto;
  padding: 0.5rem;
  background: transparent;
  border: none;
}

/* Completion screen ads (shown only after game ends) — softer, more celebratory */
.wb-ad--completion {
  background: #FFF8ED;
  border: 1px solid #F5E5C4;
}

/* Blog in-article ads — integrated look */
.wb-ad--article {
  background: #FFF;
  border: 1px solid #F0E8D8;
  margin: 2rem auto;
}