/* ==========================================================================
   Ad Controls & Visibility Configuration
   Drop this stylesheet into your site to control ad display without modifying markup.
   ========================================================================== */

/* 1. HIDE ALL AD UNITS (Default: Pre-traffic / Unmonetized state) */
body[data-ads-enabled="false"] .ad-wrapper,
body[data-ads-enabled="false"] .top-leaderboard-section,
body:not([data-ads-enabled="true"]) .ad-wrapper,
body:not([data-ads-enabled="true"]) .top-leaderboard-section {
  display: none !important;
}

/* 2. RE-ENABLE AD UNITS (When ready: set data-ads-enabled="true" or remove this class) */
body[data-ads-enabled="true"] .ad-wrapper,
body[data-ads-enabled="true"] .top-leaderboard-section {
  display: flex !important;
}

/* 3. OPTIMIZED SIDEBAR LAYOUT WHEN ADS ARE HIDDEN */
body[data-ads-enabled="false"] aside.site-sidebar .sidebar-widget:first-child,
body:not([data-ads-enabled="true"]) aside.site-sidebar .sidebar-widget:first-child {
  position: sticky;
  top: 85px;
  z-index: 10;
}