/* Refinery89 ad placeholder styling (NL only).
   R89's own CSS reserves height (CLS); the display:none guards below are added
   by us so each desktop/mobile unit only shows within its own breakpoint.
   Class-name casing must match the divs emitted by the r89/*.html partials. */

@media (min-width: 992px) {
  .r89-desktop-billboard-btf,
  .r89-desktop-video-outstream,
  .r89-desktop-InContent,
  .r89-desktop-rectangle-atf {
    min-height: 250px;
    margin: 20px 0;
  }

  .r89-desktop-leaderboard-atf,
  .r89-desktop-leaderboard-btf {
    min-height: 90px;
    margin: 20px 0;
  }

  .r89-desktop-hpa-atf {
    min-height: 600px;
    margin: 20px 0;
  }

  .r89-desktop-hpa-btf {
    min-height: 250px;
    margin: 20px 0;
  }

  .r89-Desktop-Header-Pushup {
    top: 3px;
    left: 0;
    right: 0;
    max-width: 100%;
    min-height: 90px;
    z-index: 999;
    background: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    box-sizing: content-box;
    position: sticky;
  }

  /* Hide all mobile-only units on desktop. */
  .r89-mobile-billboard-top,
  .r89-mobile-rectangle-infinite,
  .r89-mobile-rectangle-low,
  .r89-mobile-rectangle-mid,
  .r89-mobile-video-outstream,
  .Mobile-Rectangle-Mid-300x600,
  .r89-Mobile-Header-Pushup {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .r89-mobile-billboard-top,
  .r89-mobile-video-outstream,
  .r89-mobile-rectangle-infinite,
  .r89-mobile-rectangle-low,
  .r89-mobile-rectangle-mid {
    min-height: 250px;
    margin: 20px 0;
  }

  .Mobile-Rectangle-Mid-300x600 {
    min-height: 600px;
    margin: 20px 0;
  }

  .r89-Mobile-Header-Pushup {
    text-align: center;
    margin: 0;
    top: 0;
    width: 100%;
    z-index: 9999 !important;
    position: fixed;
    left: 0;
    right: 0;
    max-width: 100%;
    background: #fff;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
    box-sizing: content-box;
  }

  /* Hide all desktop-only units on mobile. */
  .r89-desktop-billboard-btf,
  .r89-desktop-video-outstream,
  .r89-desktop-InContent,
  .r89-desktop-leaderboard-atf,
  .r89-desktop-leaderboard-btf,
  .r89-desktop-hpa-atf,
  .r89-desktop-hpa-btf,
  .r89-desktop-rectangle-atf,
  .r89-desktop-rectangle-btf,
  .r89-Desktop-Header-Pushup {
    display: none !important;
  }
}