/*
Theme Name: KilasBekasi.id
Theme URI: https://kilasbekasi.id
Description: Tema Modifikasi dari Newsmag
Author: KilasBekasi
Template: Newsmag
Version: 1.0.2
*/

/* =========================================================
   IMPORT PARENT THEME
   ========================================================= */
@import url("../Newsmag/style.css");

/* =========================================================
   BRAND UI
   ========================================================= */
.td-pulldown-size{
  background-color:#4db478 !important; /* Warna hijau brand KilasBekasi */
  color:#fff !important;
  text-transform:uppercase;
  border-radius:5px !important;
  font-size:15px;
  font-weight:400;
}

/* =========================================================
   CATEGORY PAGE HEADER
   ========================================================= */
.td-category-head{margin:8px 0 16px;}
.td-category-head .td-cat-title{font-size:28px;line-height:1.2;}
.td-category-head .td-cat-desc{color:#666;font-size:14px;}

/* =========================================================
   LAYOUT FIX — RESTORE GUTTER PADA DESKTOP
   (hilangkan rule lama yg memaksa margin-left/right:0)
   ========================================================= */
@media (min-width:992px){
  /* Pulihkan jarak antar kolom agar tidak mepet */
  .td-main-content .vc_row{margin-left:-15px;margin-right:-15px;}
  .td-main-content .vc_column_container > .vc_column-inner{padding-left:15px;padding-right:15px;}
}

/* =========================================================
   OPTIONAL HELPERS
   - .kb-row-edge  : row tanpa gutter (full-bleed) → pakai di hero kalau mau
   - .kb-row-gutter: paksa row pakai gutter standar di desktop
   Tambahkan class ini di "Row" (WPBakery) → Extra class name
   ========================================================= */
@media (min-width:992px){
  .td-main-content .kb-row-edge{margin-left:0;margin-right:0;}
  .td-main-content .kb-row-edge > .vc_column_container > .vc_column-inner{padding-left:0;padding-right:0;}

  .td-main-content .kb-row-gutter{margin-left:-15px;margin-right:-15px;}
  .td-main-content .kb-row-gutter > .vc_column_container > .vc_column-inner{padding-left:15px;padding-right:15px;}
}

/* =========================================================
   SPACING & BLOCK POLISH
   ========================================================= */
.cat-hero,
.cat-featured,
.cat-latest{margin-bottom:24px;}

.td-main-content .td_block_ad_box{margin-bottom:20px;}
.td-main-content [class*="td_block_big_grid"]{margin-bottom:24px;}
.td-main-content .td-ajax-numbered{margin-bottom:16px;}

/* Jaga gambar & embed tetap responsif di area konten */
.td-main-content img{max-width:100%;height:auto;}
.td-main-content iframe{max-width:100%;}

/* =========================================================
   MOBILE TWEAKS
   ========================================================= */
@media (max-width:991px){
  .td-category-head .td-cat-title{font-size:22px;}
  .td-category-head .td-cat-desc{font-size:13px;}

  /* Beri sedikit napas antar row di mobile */
  .td-main-content .vc_row{margin-left:-10px;margin-right:-10px;}
  .td-main-content .vc_column_container > .vc_column-inner{padding-left:10px;padding-right:10px;}
}



/* Hide elemen di mobile */
@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}
/* Sembunyikan item mobile saat desktop */
@media (min-width: 768px) {
  .only-mobile { display: none !important; }
}

/* Sembunyikan item desktop saat mobile */
@media (max-width: 767.98px) {
  .only-desktop { display: none !important; }
}

@media (max-width: 991px){
  .td_block_slide .td-slide-nav{
    display:flex !important;
    justify-content:center;
    gap:6px;
    margin-top:10px;
  }
}

/* === Padding kiri-kanan untuk konten mobile category page === */
@media (max-width: 767.98px) {
  /* Kontainer utama biar konten gak nempel ke tepi */
  .td-main-content-wrap,
  .td-main-content,
  .td_block_wrap,
  .td_block_inner {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* Pastikan slider dan angka pagination juga ikut */
  .td_block_slide,
  .td-numbered {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  /* Sedikit spasi antara slider dan blok berita di bawah */
  .td_block_slide {
    margin-bottom: 5px !important;
  }
}

/* === Posisi angka navigasi slider di kiri (mobile only) === */
@media (max-width: 767.98px) {
  .td-numbered {
    justify-content: flex-start !important;
    padding-left: 4px !important; /* biar sejajar sama konten */
    margin-top: 6px !important;
  }
}

/* === KB: styling caption slider kategori (mobile) === */
@media (max-width: 767.98px){
  body.page-template-page-category-master .kb-slide-caption{
    padding-top: 8px;
  }
  body.page-template-page-category-master .kb-slide-caption .entry-title{
    font-size: 15px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #111 !important;
    margin: 0 !important;
  }
  body.page-template-page-category-master .kb-slide-caption .entry-title a{
    color: #111 !important;
  }
}