/*
 * SI Global Ad Layout Guard — 2026-05-06
 * Berlaku lintas theme: Classic, 2026, dan theme baru yang memakai head global CMS.
 * Tujuan: mencegah iklan konten/detail artikel mobile terpotong oleh padding container.
 */

.si-ad-slot,
.si-ad-center,
.si-ad-viewport-safe,
.classic-ad-slot,
.si-kanal-banner-wrap,
.home-banner,
.t26-ad-slot,
.t26-ad-code-shell,
.t26-ad-alt,
.sibanner728x90,
.sibanner300x250,
[data-ad-slot] {
  box-sizing: border-box !important;
  max-width: 100% !important;
  text-align: center !important;
  clear: both;
}

.si-ad-slot,
.si-ad-center,
.si-ad-viewport-safe,
.classic-ad-slot,
.si-kanal-banner-wrap,
.home-banner,
.t26-ad-slot,
.t26-ad-code-shell,
.t26-ad-alt {
  margin-left: auto !important;
  margin-right: auto !important;
}

.si-ad-slot > *,
.si-ad-center > *,
.si-ad-viewport-safe > *,
.classic-ad-slot > *,
.si-kanal-banner-wrap > *,
.home-banner > *,
.t26-ad-slot > *,
.t26-ad-code-shell > *,
.t26-ad-alt > *,
.sibanner728x90 > *,
.sibanner300x250 > * {
  box-sizing: border-box !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.si-ad-slot img,
.si-ad-center img,
.si-ad-viewport-safe img,
.classic-ad-slot img,
.si-kanal-banner-wrap img,
.home-banner img,
.t26-ad-slot img,
.t26-ad-code-shell img,
.t26-ad-alt img,
.sibanner728x90 img,
.sibanner300x250 img,
[data-ad-slot] img {
  display: block !important;
  height: auto !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.si-ad-slot iframe,
.si-ad-center iframe,
.si-ad-viewport-safe iframe,
.classic-ad-slot iframe,
.si-kanal-banner-wrap iframe,
.home-banner iframe,
.t26-ad-slot iframe,
.t26-ad-code-shell iframe,
.t26-ad-alt iframe,
.sibanner728x90 iframe,
.sibanner300x250 iframe,
[data-ad-slot] iframe {
  display: block !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

.si-ad-slot ins.adsbygoogle,
.si-ad-center ins.adsbygoogle,
.si-ad-viewport-safe ins.adsbygoogle,
.classic-ad-slot ins.adsbygoogle,
.si-kanal-banner-wrap ins.adsbygoogle,
.home-banner ins.adsbygoogle,
.t26-ad-slot ins.adsbygoogle,
.t26-ad-code-shell ins.adsbygoogle,
.t26-ad-alt ins.adsbygoogle,
.sibanner728x90 ins.adsbygoogle,
.sibanner300x250 ins.adsbygoogle,
[data-ad-slot] ins.adsbygoogle {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  body.article-page,
  body[class*="article-page"] {
    overflow-x: hidden;
  }

  /* Detail artikel: beri lane iklan selebar viewport, keluar dari padding konten. */
  body.article-page .article-main-column .si-ad-slot,
  body.article-page .article-main-column .si-ad-center,
  body.article-page .article-main-column .si-ad-viewport-safe,
  body.article-page .article-main-column .classic-ad-slot,
  body.article-page .article-main-column .sibanner728x90,
  body.article-page .article-main-column .sibanner300x250,
  body.article-page .article-main-column [data-ad-slot^="leftbanner"],
  body.article-page .article-main-column [data-ad-slot^="dalamartikel"],
  body.article-page .article-entry-content .si-ad-slot,
  body.article-page .article-entry-content .si-ad-center,
  body.article-page .article-entry-content .classic-ad-slot,
  body.article-page .article-entry-content .sibanner728x90,
  body.article-page .article-entry-content .sibanner300x250,
  body.article-page .article-entry-content [data-ad-slot^="leftbanner"],
  body.article-page .article-entry-content [data-ad-slot^="dalamartikel"],
  body.article-page .article-post__story .si-ad-slot,
  body.article-page .article-post__story .si-ad-center,
  body.article-page .article-post__story .classic-ad-slot,
  body.article-page .article-post__story .sibanner728x90,
  body.article-page .article-post__story .sibanner300x250,
  body.article-page .article-post__story [data-ad-slot^="leftbanner"],
  body.article-page .article-post__story [data-ad-slot^="dalamartikel"],
  body.article-page .t26-article .si-ad-slot,
  body.article-page .t26-article .si-ad-center,
  body.article-page .t26-article .si-ad-viewport-safe,
  body.article-page .t26-article .t26-ad-slot,
  body.article-page .t26-article .t26-ad-code-shell,
  body.article-page .t26-article .t26-ad-alt,
  body.article-page .t26-article .t26-ad-inarticle,
  body.article-page .t26-article [class*="t26-ad-article"],
  body[class*="article-page"] .article-main-column .si-ad-slot,
  body[class*="article-page"] .article-main-column .si-ad-center,
  body[class*="article-page"] .article-main-column .si-ad-viewport-safe,
  body[class*="article-page"] .article-main-column .classic-ad-slot,
  body[class*="article-page"] .article-main-column .sibanner728x90,
  body[class*="article-page"] .article-main-column .sibanner300x250,
  body[class*="article-page"] .article-main-column [data-ad-slot^="leftbanner"],
  body[class*="article-page"] .article-main-column [data-ad-slot^="dalamartikel"],
  body[class*="article-page"] .t26-article .si-ad-slot,
  body[class*="article-page"] .t26-article .si-ad-center,
  body[class*="article-page"] .t26-article .si-ad-viewport-safe,
  body[class*="article-page"] .t26-article .t26-ad-slot,
  body[class*="article-page"] .t26-article .t26-ad-code-shell,
  body[class*="article-page"] .t26-article .t26-ad-alt,
  body[class*="article-page"] .t26-article .t26-ad-inarticle,
  body[class*="article-page"] .t26-article [class*="t26-ad-article"] {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    text-align: center !important;
    clear: both !important;
  }

  body.article-page .article-main-column .si-ad-slot > *,
  body.article-page .article-main-column .si-ad-center > *,
  body.article-page .article-main-column .si-ad-viewport-safe > *,
  body.article-page .article-main-column .classic-ad-slot > *,
  body.article-page .article-main-column .sibanner728x90 > *,
  body.article-page .article-main-column .sibanner300x250 > *,
  body.article-page .article-entry-content .si-ad-slot > *,
  body.article-page .article-entry-content .si-ad-center > *,
  body.article-page .article-entry-content .classic-ad-slot > *,
  body.article-page .article-entry-content .sibanner728x90 > *,
  body.article-page .article-entry-content .sibanner300x250 > *,
  body.article-page .article-post__story .si-ad-slot > *,
  body.article-page .article-post__story .si-ad-center > *,
  body.article-page .article-post__story .classic-ad-slot > *,
  body.article-page .article-post__story .sibanner728x90 > *,
  body.article-page .article-post__story .sibanner300x250 > *,
  body.article-page .t26-article .si-ad-slot > *,
  body.article-page .t26-article .si-ad-center > *,
  body.article-page .t26-article .si-ad-viewport-safe > *,
  body.article-page .t26-article .t26-ad-slot > *,
  body.article-page .t26-article .t26-ad-code-shell > *,
  body.article-page .t26-article .t26-ad-alt > * {
    max-width: 100vw !important;
    overflow: visible !important;
  }

  body.article-page .article-main-column iframe,
  body.article-page .article-entry-content iframe,
  body.article-page .article-post__story iframe,
  body.article-page .t26-article iframe,
  body[class*="article-page"] .article-main-column iframe,
  body[class*="article-page"] .t26-article iframe {
    max-width: 100vw !important;
  }

  body.article-page .article-main-column ins.adsbygoogle,
  body.article-page .article-entry-content ins.adsbygoogle,
  body.article-page .article-post__story ins.adsbygoogle,
  body.article-page .t26-article ins.adsbygoogle,
  body[class*="article-page"] .article-main-column ins.adsbygoogle,
  body[class*="article-page"] .t26-article ins.adsbygoogle {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
  }
}


/*
 * SI Global Ad Layout Guard v2 — Classic coverage
 * Classic Original/Modern memakai .col-sm-8 tanpa class article-main-column.
 * Selector ini membuat lane iklan detail artikel full-bleed untuk semua theme lama dan theme baru.
 */
@media (max-width: 767px) {
  body.article-page .container.cont > .row > .col-sm-8 .si-ad-slot,
  body.article-page .container.cont > .row > .col-sm-8 .si-ad-center,
  body.article-page .container.cont > .row > .col-sm-8 .si-ad-viewport-safe,
  body.article-page .container.cont > .row > .col-sm-8 .classic-ad-slot,
  body.article-page .container.cont > .row > .col-sm-8 .sibanner728x90,
  body.article-page .container.cont > .row > .col-sm-8 .sibanner300x250,
  body.article-page .container.cont > .row > .col-sm-8 [data-ad-slot^="leftbanner"],
  body.article-page .container.cont > .row > .col-sm-8 [data-ad-slot^="dalamartikel"],
  body.article-page .article-body-shell .si-ad-slot,
  body.article-page .article-body-shell .si-ad-center,
  body.article-page .article-body-shell .si-ad-viewport-safe,
  body.article-page .article-body-shell .classic-ad-slot,
  body.article-page .article-body-shell .sibanner728x90,
  body.article-page .article-body-shell .sibanner300x250,
  body.article-page .article-body-shell [data-ad-slot^="leftbanner"],
  body.article-page .article-body-shell [data-ad-slot^="dalamartikel"],
  body.theme-classic.article-page .classic-ad-slot,
  body.theme-classic.article-page .sibanner728x90,
  body.theme-classic.article-page .sibanner300x250,
  body.theme-classic_compact.article-page .classic-ad-slot,
  body.theme-classic_compact.article-page .sibanner728x90,
  body.theme-classic_compact.article-page .sibanner300x250,
  body[class*="theme-classic"].article-page .classic-ad-slot,
  body[class*="theme-classic"].article-page .sibanner728x90,
  body[class*="theme-classic"].article-page .sibanner300x250 {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: visible !important;
    text-align: center !important;
    clear: both !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  body.article-page .container.cont > .row > .col-sm-8 .si-ad-slot > *,
  body.article-page .container.cont > .row > .col-sm-8 .si-ad-center > *,
  body.article-page .container.cont > .row > .col-sm-8 .si-ad-viewport-safe > *,
  body.article-page .container.cont > .row > .col-sm-8 .classic-ad-slot > *,
  body.article-page .container.cont > .row > .col-sm-8 .sibanner728x90 > *,
  body.article-page .container.cont > .row > .col-sm-8 .sibanner300x250 > *,
  body.article-page .article-body-shell .si-ad-slot > *,
  body.article-page .article-body-shell .si-ad-center > *,
  body.article-page .article-body-shell .si-ad-viewport-safe > *,
  body.article-page .article-body-shell .classic-ad-slot > *,
  body.article-page .article-body-shell .sibanner728x90 > *,
  body.article-page .article-body-shell .sibanner300x250 > * {
    max-width: 100vw !important;
    overflow: visible !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.article-page .container.cont > .row > .col-sm-8 ins.adsbygoogle,
  body.article-page .article-body-shell ins.adsbygoogle,
  body[class*="theme-classic"].article-page ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.article-page .container.cont > .row > .col-sm-8 iframe,
  body.article-page .article-body-shell iframe,
  body[class*="theme-classic"].article-page iframe {
    max-width: 100vw !important;
  }
}
