/* ============================================================
   HOMEPAGE AD ZONES
   ============================================================ */

/* Before hero — full-width leaderboard */
.ad-wrap--home-before-hero {
  margin-bottom: var(--space-8);
  text-align: center;
  background-color: var(--color-paper-2);
  border-top: 1px solid var(--color-rule);
  border-bottom: 1px solid var(--color-rule);
  padding: var(--space-4) var(--space-6);
}

/* Between featured and Kronika — full-width leaderboard */
.ad-wrap--home-between-sections {
  text-align: center;
  background-color: var(--color-paper-2);
  border-top: 1px solid var(--color-rule);
  border-bottom: 1px solid var(--color-rule);
  padding: var(--space-5) var(--space-6);
  margin-bottom: var(--space-12);
}

/* Emissions sidebar — 300×250 rectangle */
.ad-wrap--home-sidebar-emissions {
  background-color: var(--color-paper-2);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-md);
  padding: var(--space-4);
  text-align: center;
  position: sticky;
  top: calc(52px + var(--space-4));
  width: 100%;
}

.ad-sidebar {
    flex-shrink: 0;
    position: sticky;
    top: 80px;
    align-self: flex-start; 
    z-index: 1; 
}

.ad-block--inline {
    margin-left: calc(-1 * (40vw - 80%) / 2);
    margin-right: calc(-1 * (40vw - 80%) / 2);
    z-index: 100; /* sits IN FRONT of sidebar */
    width: 80vw;
    padding: 16px 0;
    text-align: center;
}

.ad-block--sidebar {
    padding: 12px;
    text-align: center;
}

.ad-block-separator{
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);  
}

@media (max-width: 768px) {
  .ad-wrap--home-before-hero,
  .ad-wrap--home-between-sections {
    padding: var(--space-3) var(--space-4);
    margin-bottom: var(--space-6);
  }
  .ad-wrap--home-sidebar-emissions {
    position: static;
  }
  .ad-sidebar {
      display: none; /* hide sidebar on mobile */
  }

  .ad-block--inline {
      margin-left: calc(-1 * var(--space-4));
      margin-right: calc(-1 * var(--space-4));
      padding: 16px var(--space-4);
  }
}