/**
 * Google AdSense manual slot containers — responsive + CLS-safe.
 *
 * - .ad-container reserves vertical space (min-height) to avoid layout shift.
 * - Sidebar slots only render on desktop (lg+); hidden below to avoid
 *   forcing a 300x600 unit into a mobile column.
 * - The "Advertisement" label keeps ads clearly distinguishable from content.
 */

.ad-container {
  margin: 24px 0;
  text-align: center;
}

.ad-container__label {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  margin-bottom: 6px;
}

/* Full-width horizontal slots (header/footer/content-top) */
.ad-header,
.ad-content-top,
.ad-content-bottom,
.ad-footer {
  min-height: 90px;
}

/* In-content slots reserve less space; ads expand within it */
.ad-in-content {
  min-height: 90px;
}

/* Sidebar slots: 300x250 mobile-friendly rectangle up to a half-page on desktop */
.ad-sidebar {
  min-height: 250px;
}

/* Keep ads inside their containers, never overflow, never overlap */
.ad-container ins.adsbygoogle {
  display: block;
  max-width: 100%;
  overflow: hidden;
}

/* Hide sidebar slots on mobile/tablet — sidebar itself collapses below lg */
@media (max-width: 991.98px) {
  .ad-sidebar {
    display: none;
  }
}

/* Tighten spacing in narrow contexts (sidebar cards) */
.sidebar .ad-container,
.list-layout aside .ad-container,
.col-lg-4 .ad-container,
.col-xl-4 .ad-container {
  margin: 16px 0;
}