/* ==========================================
   ADS SLOT
   ========================================== */

.ads-slot {
  text-align: center;
  padding: var(--space-lg) var(--container-padding);
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .ads-slot {
    padding-left: var(--container-padding-desktop);
    padding-right: var(--container-padding-desktop);
  }
}

/* ── Iklan Bawah Nav — slot leaderboard tetap 970px di desktop (lihat
     --ads-below-nav-width), gambar yang diupload otomatis menyesuaikan
     (scale) ke lebar slot ini sambil mempertahankan rasio (height: auto),
     tanpa border/outline. Baru full-bleed nempel tepi di mobile. ── */
.below-nav-ads {
  padding: var(--space-md) 0;
  text-align: center;
  width: 100%;
  background: var(--color-white);
}
.below-nav-ads .container {
  max-width: var(--container-max-width);
  margin: 0 auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
@media (min-width: 1024px) {
  .below-nav-ads .container {
    padding-left: var(--container-padding-desktop);
    padding-right: var(--container-padding-desktop);
  }
}
.below-nav-ads .below-nav-widget {
  display: inline-block;
  max-width: 100%;
  width: var(--ads-below-nav-width);
  border: none;
}
.below-nav-ads img,
.below-nav-ads iframe,
.below-nav-ads a {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border: none;
  outline: none;
}

/* ── Mobile: full-bleed nempel tepi kiri-kanan (gaya Nomina di mobile) ──
     Desktop/tablet tetap natural size & center seperti di atas; cuma di
     mobile banner-nya melebar penuh mengikuti lebar layar. ── */
@media (max-width: 767px) { /* --bp-mobile */
  .below-nav-ads {
    padding: var(--space-sm) 0;
  }
  .below-nav-ads .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  .below-nav-ads .below-nav-widget {
    display: block;
    width: 100%;
  }
  .below-nav-ads img,
  .below-nav-ads iframe {
    width: 100%;
    max-width: 100%;
  }
}