/* Hotfix classic: samakan list dengan homepage, gambar kiri semua */
html,body{max-width:100%;overflow-x:hidden}
body.theme-classic{overflow-x:hidden;overscroll-behavior-x:none}
body.theme-classic .container,body.theme-classic .container-fluid,body.theme-classic .row{max-width:100%}
.site-classic-nav-scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
.site-classic-nav-scroller::-webkit-scrollbar{display:none}
.theme-classic .classic-stream section>.hover01,.theme-classic .si-kanallain-stream section>.hover01{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:14px;padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid rgba(148,163,184,.22);background:transparent}
.theme-classic .classic-stream section>.hover01:last-child,.theme-classic .si-kanallain-stream section>.hover01:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.theme-classic .classic-stream section>.hover01>.thumb-post,.theme-classic .si-kanallain-stream section>.hover01>.thumb-post{order:1}
.theme-classic .classic-stream section>.hover01>.media-content,.theme-classic .si-kanallain-stream section>.hover01>.media-content{order:2}
.theme-classic .classic-stream section>.hover01>.media-left,.theme-classic .classic-stream section>.hover01>.media-right,.theme-classic .si-kanallain-stream section>.hover01>.media-left,.theme-classic .si-kanallain-stream section>.hover01>.media-right{float:none!important;width:auto;padding:0;margin:0}
.theme-classic .classic-stream .post-thumb4,.theme-classic .si-kanallain-stream .post-thumb4{position:relative;display:block;overflow:hidden;background:#f3f4f6}
.theme-classic .classic-stream .post-thumb4 .img-link,.theme-classic .si-kanallain-stream .post-thumb4 .img-link{position:absolute;inset:0}
.theme-classic .classic-stream .thumb-post img,.theme-classic .si-kanallain-stream .thumb-post img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.theme-classic .classic-stream .media-heading,.theme-classic .si-kanallain-stream .media-heading{margin:0 0 4px}
.theme-classic .classic-stream .media-heading a,.theme-classic .si-kanallain-stream .media-heading a{display:block;color:#1f2937;font-weight:700;line-height:1.23;text-decoration:none;font-size:clamp(18px,1.9vw,22px)}
.theme-classic .classic-stream .date,.theme-classic .si-kanallain-stream .date{margin:0;color:#8b8b8b;font-size:12px;line-height:1.35}
.theme-classic .classic-stream .date i,.theme-classic .si-kanallain-stream .date i{margin-right:4px}
.theme-classic .classic-stream .short-text,.theme-classic .si-kanallain-stream .short-text{display:none!important}
.theme-classic .classic-pagination-wrap,.theme-classic .text-center{margin-top:12px;margin-bottom:14px}
.theme-classic .pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px}
.theme-classic .pagination>li>a,.theme-classic .pagination>li>span{min-width:38px;padding:8px 12px;border:1px solid rgba(148,163,184,.28);border-radius:6px;background:#fff;color:#4b5563;box-shadow:none;font-size:13px}
.theme-classic .pagination>.active>a,.theme-classic .pagination>.active>span,.theme-classic .pagination>li>a:hover,.theme-classic .pagination>li>span:hover{background:#0f172a;border-color:#0f172a;color:#fff}
@media (max-width:767px){.theme-classic .classic-stream section>.hover01,.theme-classic .si-kanallain-stream section>.hover01{grid-template-columns:96px minmax(0,1fr);gap:10px;padding-bottom:9px;margin-bottom:9px}.theme-classic .classic-stream .media-heading a,.theme-classic .si-kanallain-stream .media-heading a{font-size:15px}}

/* =========================================================
   FINAL MOBILE EDGE FIX - SITNAS CLASSIC
   Target: layar HP benar-benar memakai lebar viewport.
   Tidak ada ruang kosong besar di sisi kanan/kiri.
   ========================================================= */
@media (max-width: 767px) {
  html,
  body,
  body.theme-classic {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }

  body.theme-classic .site-classic-topbar-clean,
  body.theme-classic .site-classic-nav-colored,
  body.theme-classic .container.cont,
  body.theme-classic .si-classic-home-main,
  body.theme-classic .article-page .container.cont {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
  }

  body.theme-classic .site-classic-topbar-clean .container,
  body.theme-classic .site-classic-nav-colored .container,
  body.theme-classic .site-classic-nav-colored__container,
  body.theme-classic .container.cont {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.theme-classic .container.cont > .row,
  body.theme-classic .si-classic-home-main > .row,
  body.theme-classic .site-classic-topbar-clean .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.theme-classic .container.cont > .row > [class*="col-"],
  body.theme-classic .si-classic-home-main > .row > [class*="col-"],
  body.theme-classic .site-classic-topbar-clean .row > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Logo tetap rapi, tetapi tidak membuat layout melebar */
  body.theme-classic .site-classic-topbar-clean__brandwrap,
  body.theme-classic .site-classic-topbar-clean__logo {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    max-width: 100% !important;
  }

  /* Navbar boleh scroll horizontal untuk menu panjang, tapi wadahnya tetap 100% */
  body.theme-classic .site-classic-nav-colored {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.theme-classic .site-classic-nav-colored__scroll,
  body.theme-classic .site-classic-nav-colored .navbar-collapse,
  body.theme-classic .site-classic-nav-colored .navbar-nav {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Homepage/listing/detail: konten utama full edge, tanpa gap kanan */
  body.theme-classic .si-classic-home-headline,
  body.theme-classic .si-classic-home-headline .si-classic-headline-item,
  body.theme-classic .si-classic-home-headline .featured__content,
  body.theme-classic .si-classic-home-headline .featured__content > a,
  body.theme-classic .si-classic-home-main section,
  body.theme-classic .si-classic-home-main .cf,
  body.theme-classic .si-classic-home-main .bottom-15,
  body.theme-classic.article-page .article-header--classic,
  body.theme-classic.article-page .article-body-shell,
  body.theme-classic.article-page .article-hero,
  body.theme-classic.article-page .article-content-compact {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.theme-classic .si-classic-home-headline {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.theme-classic .si-classic-home-headline .featured__content,
  body.theme-classic .si-classic-home-headline .featured__content .thumb,
  body.theme-classic .si-classic-home-headline .featured__content .tinggi {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.theme-classic .si-classic-home-main section > .hover01 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.theme-classic img,
  body.theme-classic iframe,
  body.theme-classic video,
  body.theme-classic table {
    max-width: 100% !important;
  }
}

/* SITNAS mobile balanced edge spacing v20260424
   Memberi gap kanan-kiri wajar di mobile tanpa membuat overflow horizontal. */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .container,
  .container-fluid,
  .cont,
  .article-page .container.cont,
  .si-home .container,
  .site-main .container,
  .content-area .container,
  .latest-page .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  .row {
    margin-left: -7px !important;
    margin-right: -7px !important;
  }

  .row > [class*="col-"] {
    padding-left: 7px !important;
    padding-right: 7px !important;
    box-sizing: border-box !important;
  }

  .site-classic-nav-colored,
  .site-classic-nav-colored__container,
  .site-classic-nav-colored__scroll {
    max-width: 100% !important;
    overflow-x: hidden;
  }

  .site-classic-nav-colored__scroll {
    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  .site-classic-nav-colored .navbar-nav {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  img,
  iframe,
  video,
  embed,
  object {
    max-width: 100% !important;
  }
}

/* =========================================================
   SITNAS FIX: AdSense Auto Ads Anchor vs Classic Navbar
   Goal: top anchor/overlay ad stays above; navbar is NOT pushed down
   and can sit behind the ad. Emblem appears only after user scrolls.
   ========================================================= */
body.theme-classic,
html body.theme-classic {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.theme-classic .site-classic-nav-colored,
body.theme-classic .site-classic-nav-colored.sticky,
body.theme-classic #myHeader.site-classic-nav-colored {
  position: sticky !important;
  top: 0 !important;
  inset-block-start: 0 !important;
  z-index: 100 !important; /* intentionally below AdSense anchor overlay */
  transform: none !important;
  margin-top: 0 !important;
}

body.theme-classic .site-classic-topbar-clean {
  position: relative !important;
  z-index: 90 !important;
  margin-top: 0 !important;
  transform: none !important;
}

body.theme-classic .site-classic-nav-emblem {
  display: none !important;
  flex: 0 0 auto !important;
  align-items: center !important;
}

html.site-classic-scrolled body.theme-classic .site-classic-nav-emblem,
body.theme-classic.site-classic-scrolled .site-classic-nav-emblem {
  display: inline-flex !important;
}

body.theme-classic .site-classic-nav-emblem > a {
  min-height: 44px !important;
  padding: 9px 10px !important;
  display: flex !important;
  align-items: center !important;
}

body.theme-classic .site-classic-nav-emblem img {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
  object-fit: contain !important;
}

@media (max-width: 767px) {
  body.theme-classic,
  html body.theme-classic {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  body.theme-classic .site-classic-nav-colored,
  body.theme-classic #myHeader.site-classic-nav-colored {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body.theme-classic .site-classic-nav-colored__container,
  body.theme-classic .site-classic-nav-colored__scroll,
  body.theme-classic .site-classic-nav-colored .navbar-collapse,
  body.theme-classic .site-classic-nav-colored .navbar-collapse.collapse {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
  }

  body.theme-classic .site-classic-nav-colored .navbar-nav {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    float: none !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 14px !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  body.theme-classic .site-classic-nav-colored .navbar-nav > li {
    display: inline-flex !important;
    float: none !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.theme-classic .site-classic-nav-colored .navbar-nav > li > a {
    min-height: 44px !important;
    padding: 12px 11px !important;
    white-space: nowrap !important;
  }
}