/* =========================================
   RINTIK — Header & Konten (rapih + box-shadow)
   ========================================= */
:root{
  --r-navy:#001f5b;         /* biru utama */
  --r-navy-2:#0a2d7a;       /* biru hover */
  --r-maxW:1140px;          /* lebar konten tengah */
  --r-headH:210px;          /* tinggi banner header */
  --r-border:#dcdfe6;       /* border kiri/kanan */
  --r-sep:#e6e9ef;          /* pemisah content|sidebar */
  --r-bg:#f5f7fb;           /* latar luar */
  --r-radius:10px;          /* sudut bulat kartu */
  --r-shadow-sm:0 2px 8px rgba(0,0,0,.06);
  --r-shadow-lg:0 10px 24px rgba(0,0,0,.10);
}

/* ===== 1) HEADER bersih ===== */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper{
  background:#fff !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  max-width:100% !important;
  box-shadow:none !important;
}

/* Kanvas header */
.pkp_site_name{
  width:100% !important;
  height:var(--r-headH) !important;
  position:relative !important;
  border-bottom:4px solid var(--r-navy) !important;
  background:#fff !important;
}

/* Header = lebar konten + border kiri/kanan + shadow */
.pkp_site_name a.is_img{
  display:block !important;
  width:100% !important;
  max-width:var(--r-maxW) !important;    /* samakan dengan isi */
  height:100% !important;
  margin:0 auto 10px !important;         /* jarak kecil ke nav */
  border-left:1px solid var(--r-border) !important;
  border-right:1px solid var(--r-border) !important;
  border-radius:var(--r-radius) !important;
  overflow:hidden !important;
  box-shadow:var(--r-shadow-lg) !important;   /* << shadow header */
}

/* Gambar banner penuh & center */
.pkp_site_name .is_img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  max-width:none !important;
  max-height:none !important;
}

/* Register / Login (biru navy) */
.pkp_navigation_user{
  position:absolute !important;
  top:12px !important; right:18px !important; z-index:5 !important;
}
.pkp_navigation_user > li > a{
  color:var(--r-navy) !important; font-weight:700 !important; padding:0 10px !important;
}
.pkp_navigation_user > li > a:hover{ color:var(--r-navy-2) !important; text-decoration:underline !important; }

/* ===== 2) MENU utama (Terkini/Archives/About) ===== */
.pkp_site_nav_menu{ background:#fff !important; }
.cmp_navigation_primary{ background:#fff !important; border:none !important; }
.cmp_navigation_primary .pkp_nav_list{
  max-width:var(--r-maxW) !important;
  margin:0 auto !important;
  padding:8px 16px !important;
  display:flex; gap:18px; align-items:center;
  border-bottom:1px solid var(--r-border) !important;
}
.cmp_navigation_primary .pkp_nav_list>li>a,
.cmp_navigation_primary .pkp_nav_list>li>.dropdown-toggle{
  color:var(--r-navy) !important;
  font-weight:800 !important;
  text-transform:uppercase;
  border-bottom:2px solid transparent;
}
.cmp_navigation_primary .pkp_nav_list>li>a:hover{ color:var(--r-navy-2) !important; border-bottom-color:var(--r-navy-2) !important; }

/* Dropdown putih, teks biru */
.cmp_navigation_primary .dropdown-menu{
  background:#fff !important; border:1px solid #ddd !important; min-width:220px !important;
  box-shadow:var(--r-shadow-sm) !important;
}
.cmp_navigation_primary .dropdown-menu a{
  color:var(--r-navy) !important; font-weight:600 !important; padding:9px 14px !important;
}
.cmp_navigation_primary .dropdown-menu a:hover{
  background:#f1f1f1 !important; color:var(--r-navy-2) !important;
}

/* Search di kanan */
.pkp_site_nav_menu .pkp_search{ margin-left:auto; display:flex; align-items:center; }
.pkp_site_nav_menu .pkp_search a,
.pkp_site_nav_menu .pkp_search .pkp_search__toggle{
  color:var(--r-navy) !important; font-weight:700 !important;
}
.pkp_site_nav_menu .pkp_search a:hover,
.pkp_site_nav_menu .pkp_search .pkp_search__toggle:hover{ color:var(--r-navy-2) !important; }

/* ===== 3) KONTEN tengah = kartu putih dengan shadow ===== */
#pkp_content, .pkp_site_content, .pkp_page_content,
.pkp_structure_main, .pkp_structure_content{
  max-width:var(--r-maxW) !important;
  margin-left:auto !important; margin-right:auto !important;
  background:#fff !important; box-sizing:border-box !important;
}

/* Bingkai kiri/kanan + shadow halus untuk blok isi */
#pkp_content, .pkp_site_content, .pkp_page_content{
  border-left:1px solid var(--r-border) !important;
  border-right:1px solid var(--r-border) !important;
  padding:0 16px 20px !important;
  box-shadow:var(--r-shadow-sm) !important;     /* << shadow content */
}

/* Latar luar */
body, .pkp_structure_page{ background:var(--r-bg) !important; }

/* Pemisah konten | sidebar */
.pkp_structure_main{ display:flex; gap:0; }
.pkp_structure_main .content{
  flex:1; border-right:1px solid var(--r-sep) !important; padding-right:24px !important;
}
.pkp_structure_sidebar{ padding-left:24px !important; border:none !important; }

/* ===== 4) Responsif ===== */
@media (max-width:992px){
  :root{ --r-headH:170px; }
  #pkp_content, .pkp_site_content, .pkp_page_content{
    border-left:none !important; border-right:none !important;
    padding:0 12px 20px !important; box-shadow:none !important;
  }
  .pkp_structure_main .content{ border-right:none !important; padding-right:0 !important; }
  .pkp_structure_sidebar{ padding-left:0 !important; }
}
@media (max-width:640px){
  :root{ --r-headH:140px; }
}