/* 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;
  }
}