/* Tambahan untuk versi CMS (PHP). Tidak mengubah css/style.css. */
.ph.has-img::after{display:none}
.hero-img{display:block;width:100%;height:auto}
.crumb a{color:inherit}
.preview-bar{background:#fff4d6;border:1px solid #f0c75e;color:#6b4e00;font:500 13px/1.4 'Poppins',Arial;padding:10px 14px;margin:0 0 16px;text-align:center}
.empty{padding:48px 16px;text-align:center;color:#666;font:500 16px/1.5 'Poppins',Arial;background:#f6f6f6;border-radius:4px}
.search-h{font:500 24px/32px 'Poppins',Arial;margin:0 0 6px;color:#222}
.search-n{font:400 13px 'Poppins',Arial;color:#777;margin-bottom:20px}
.hl-inner h2 a,.hl-inner h2 a:hover{color:inherit}
.detail__body img{max-width:100%;height:auto}

/* ---------- Logo gambar (pengaturan > logo): ukuran tampil 265x51 (beranda), 256x60 (kanal), 189x39 (footer) ---------- */
.logo-imgwrap{display:inline-flex;align-items:center;letter-spacing:0}
.logo-img{display:block;object-fit:contain;object-position:left center;max-width:100%}
.logo-img.lg-home{width:265px;height:51px}
.logo-img.lg-channel{width:256px;height:60px;object-position:center}
.logo-img.lg-footer{width:189px;height:39px;object-position:center}
.logo-img.lg-compact{width:98px;height:19px}
@media(max-width:700px){.logo-img.lg-home{width:200px;height:auto}.logo-img.lg-channel{width:200px;height:auto}.logo-row .logo-imgwrap{margin-top:20px}}

/* ---------- Iklan dari admin ---------- */
.adbox{overflow:hidden;background:#fff}
.adbox a{display:block;width:100%;height:100%}
.adbox img{display:block;width:100%;height:100%;object-fit:cover}
.skinbox,.floatbox{width:100%;height:100%}
.foot-brand .soc a{display:block;line-height:0;text-decoration:none}

/* posisi logo gambar: header beranda x118,y122 (60px dari atas baris logo); header kanal y66, nav di y134 */
.logo-row .logo-imgwrap{align-self:flex-start;margin:60px 0 0 -13px}
.ch-logo:has(.logo-imgwrap){padding:20px 0 8px}
.ch-logo .logo-imgwrap{display:flex;justify-content:center;margin:0}
.foot-brand .logo-imgwrap{display:flex;justify-content:center;height:39px;margin-bottom:1px}

/* ---------- Isi artikel dari editor WYSIWYG ---------- */
.detail__body::after{content:'';display:block;clear:both}
.detail__body h2{font:600 24px/32px 'Poppins',Arial;color:#1e1e1e;margin:28px 0 12px}
.detail__body h3{font:600 20px/28px 'Poppins',Arial;color:#1e1e1e;margin:24px 0 10px}
.detail__body ul,.detail__body ol{margin:0 0 20px;padding-left:28px}
.detail__body li{margin-bottom:6px}
.detail__body blockquote{margin:0 0 20px;padding:10px 18px;border-left:4px solid #ddd;color:#555;background:#fafafa}
.detail__body hr{border:0;border-top:1px solid #ddd;margin:24px 0}
.detail__body table{border-collapse:collapse;margin:0 0 20px;max-width:100%}
.detail__body td,.detail__body th{border:1px solid #ddd;padding:6px 10px}
.detail__body pre{background:#f6f6f6;padding:12px;overflow:auto;margin:0 0 20px;font-size:14px}
.detail__body code{background:#f3f3f3;padding:.1em .3em;border-radius:3px;font-size:.9em}
.detail__body pre code{background:none;padding:0}
.detail__body img{max-width:100%;height:auto}
.detail__body img{border-radius:.5rem}

/* Bilah atas: tombol Daftar/Masuk dihapus; pencarian di sudut kanan, sejajar dengan tepi kanan konten (13px dari tepi container) */
.search-cell{justify-content:flex-end;padding-right:13px}
@media(max-width:700px){.search-cell{padding-right:0}}

/* ---------- Carousel berita (gulir otomatis): kartu 115x205 berisi gambar + judul ---------- */
.vc-wrap{position:relative;margin:24px 0 0;padding-bottom:24px;border-bottom:1px solid var(--line)}
.vc-wrap .vcar{margin:0;padding:0;border:0;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}
.vc-wrap .vcar::-webkit-scrollbar{display:none}
.vcar .v::after{content:none}
.vcar a.v{display:block;width:115px;height:205px;flex:none;border-radius:4px;overflow:hidden;position:relative;background:#ececec;color:#fff}
.vcar a.v .ph{display:block;width:100%;height:100%}
.vcar a.v .ph::after{display:none}
.vcar a.v b{position:absolute;left:0;right:0;bottom:0;padding:28px 8px 8px;font:600 12px/16px 'Montserrat',Arial;background:linear-gradient(transparent,rgba(0,0,0,.82));display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.vc-wrap .arrow{z-index:3;cursor:pointer}
@media(max-width:700px){.vc-wrap .arrow.l{left:2px}.vc-wrap .arrow.r{right:2px}}

/* Penanda pada blok Breaking News (menggantikan penanda lama berbentuk logo) */
.brk-video .brk-mark{font:800 40px 'Montserrat',Arial;color:#c2262e}

/* ---------- Responsif tambahan (tablet 701-1100px, HP kecil) ---------- */
.adslot{max-width:100%}
@media(max-width:1100px){.vc-wrap .arrow.l{left:2px}.vc-wrap .arrow.r{right:2px}}
@media(min-width:701px) and (max-width:1100px){
  .cat-hero{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px;margin:16px 13px 40px}
  .cat-hero::before{right:-10px}
  .cat-hero article{width:100%;height:auto;aspect-ratio:311/415}
  .cat-hero .ph{width:100%;height:100%}
  .cat-hero h2{width:calc(100% - 16px);font-size:17px;line-height:23px}
}
@media(max-width:700px){.cat-hero::before{right:-10px}}

/* ---------- HP: logo satu baris, bilah kanal ringkas, kartu utama kategori bisa digeser ---------- */
.logo{white-space:nowrap}
.ch-sticky .logo{flex:none;font-family:'Montserrat',Arial;text-transform:none;letter-spacing:-.8px;padding:0;border:0}
@media(max-width:700px){
  .logo-row .logo{font-size:min(40px,9.6vw)}
  .ch-logo .logo{font-size:min(44px,9.6vw)}
  .ch-sticky .logo span{display:none}
  .cat-hero{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;border-width:3px;padding:12px;margin:12px 13px 28px;background:#fff}
  .cat-hero::before{display:none}
  .cat-hero article{flex:0 0 78%;width:auto;height:auto;aspect-ratio:311/415;scroll-snap-align:start}
  .cat-hero h2{width:calc(100% - 16px);font-size:17px;line-height:23px;padding:6px 10px 2px 0;border-top-width:6px}
}