/* ===== WEXIRA ADVERTISEMENT PLACEMENT STYLES ===== */

.ad-slot-container {
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Clear visual separation between ads and content */
.ad-label {
  display: block;
  text-align: center;
  font-size: 0.65rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--text-muted);
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

/* Ad wrapper with CLS prevention and safe spacing */
.ad-wrapper {
  background: var(--surface-glass);
  border: 1px dashed rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 0 1.25rem; /* Remove vertical padding to prevent dynamic expansion CLS */
  text-align: center;
  margin-bottom: 0;
  color: var(--text-muted);
  font-size: 0.82rem;
  min-height: 100px; /* Safe mobile height for 320x50/320x100 ads */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Force AdSense ins to remain bounded to the parent's fixed height */
.ad-wrapper ins.adsbygoogle {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}

@media (min-width: 768px) {
  .ad-wrapper {
    min-height: 250px; /* Safe desktop height for leaderboard/billboard ads to prevent CLS */
  }
}

/* Clean, safe spacing from surrounding elements */
#ad-above {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

#ad-below {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#ad-content {
  margin-top: 2rem;
  margin-bottom: 2rem;
}