/* Navyago ad layout fix
   Paste into WordPress Customizer > Additional CSS, or enqueue after theme CSS.
   Goal: keep MGID/AdSense ads inside safe containers and prevent fixed side rails
   from overlapping article text or the right sidebar. */

:root {
  --navyago-page-max: 1410px;
  --navyago-rail-width: 160px;
  --navyago-rail-gap: 28px;
}

.navyago-mgid-ad,
.entry-content .adsbygoogle,
.single-post .adsbygoogle {
  box-sizing: border-box;
  clear: both;
  max-width: 100%;
}

.entry-content .adsbygoogle,
.single-post .adsbygoogle {
  display: block !important;
  margin: 28px auto !important;
  overflow: hidden !important;
  text-align: center;
}

.entry-content p > .adsbygoogle,
.entry-content p > [data-type="_mgwidget"] {
  margin-left: auto !important;
  margin-right: auto !important;
}

.navyago-mgid-ad [data-type="_mgwidget"] {
  display: block;
  max-width: 100%;
  min-height: 0;
}

.navyago-mgid-ad--in-article,
.entry-content .navyago-mgid-ad--in-article {
  width: min(760px, 100%);
  margin: 30px auto !important;
  padding: 0;
  overflow: hidden;
}

.navyago-mgid-ad--sidebar {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 30px !important;
  overflow: hidden;
}

.navyago-mgid-ad--notification {
  width: 100%;
  margin: 32px 0 0 !important;
  overflow: hidden;
}

.navyago-mgid-ad--home-extra {
  box-sizing: border-box;
  clear: both;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.navyago-mgid-ad--home-top {
  margin: 0 0 28px !important;
  min-height: 120px;
}

.navyago-mgid-ad--home-feed {
  flex: 0 0 100%;
  width: 100% !important;
  max-width: 100% !important;
  margin: 22px 0 34px !important;
  padding: 0 15px;
  min-height: 160px;
}

.navyago-mgid-ad--home-rail {
  min-height: 520px;
}

.navyago-mgid-ad--home-rail-left,
.navyago-mgid-ad--home-rail-right {
  display: block;
  min-height: 520px;
}

.navyago-mgid-ad--home-extra [data-type="_mgwidget"] {
  display: block;
  width: 100%;
  max-width: 100%;
}

/* Keep outside rails available on wide screens so they move with page scroll,
   while positioning them away from the article and right sidebar. */
.navyago-mgid-ad--side-rail {
  position: fixed !important;
  top: 96px !important;
  z-index: 9990 !important;
  width: var(--navyago-rail-width) !important;
  max-width: var(--navyago-rail-width) !important;
  margin: 0 !important;
  overflow: visible !important;
}

.navyago-mgid-ad--side-left {
  left: max(16px, calc((100vw - var(--navyago-page-max)) / 2 - var(--navyago-rail-width) - var(--navyago-rail-gap))) !important;
}

.navyago-mgid-ad--side-right {
  right: max(16px, calc((100vw - var(--navyago-page-max)) / 2 - var(--navyago-rail-width) - var(--navyago-rail-gap))) !important;
  left: auto !important;
}

.navyago-ad-hidden-duplicate {
  display: none !important;
  visibility: hidden !important;
}

.navyago-ad-paragraph {
  margin: 28px 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
  text-align: center;
}

.entry-content .navyago-ad-paragraph,
.entry-content .navyago-managed-inline-ad,
.entry-content .navyago-mgid-ad--in-article {
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 34px 0 !important;
  padding: 0 !important;
  float: none !important;
}

.entry-content .navyago-managed-inline-ad > .adsbygoogle,
.entry-content .navyago-managed-inline-ad > [data-type="_mgwidget"] {
  margin-left: auto !important;
  margin-right: auto !important;
}

.navyago-ad-paragraph + p,
p + .navyago-ad-paragraph {
  margin-top: 28px !important;
}

@media (max-width: 849px) {
  .entry-content .adsbygoogle,
  .single-post .adsbygoogle,
  .navyago-mgid-ad--in-article,
  .navyago-mgid-ad--sidebar,
  .navyago-mgid-ad--notification,
  .navyago-mgid-ad--home-extra {
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px auto !important;
  }

  .navyago-mgid-ad--home-feed {
    padding: 0;
  }

  .entry-content .adsbygoogle[style*="width: 950px"],
  .entry-content .adsbygoogle[style*="width:950px"],
  .entry-content .adsbygoogle[style*="width: 1020px"],
  .entry-content .adsbygoogle[style*="width:1020px"] {
    width: 100% !important;
  }
}
@media (max-width: 1180px) {
  .navyago-mgid-ad--side-rail,
  .navyago-mgid-ad--home-rail,
  [data-widget-id="2020226"],
  [data-widget-id="2020231"],
  [id*="2020226"],
  [id*="2020231"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}