/* WNJ.ID — header & banner lebih solid dan ramah HP (menimpa template lama) */
:root{--wt-dark:#1E2420;--wt-ink:#EDE8DA;--wt-accent:#1F4D40;--wt-paper:#F6F1E6}

/* Header: satu bar gelap penuh, menempel di atas */
header{position:sticky;top:0;z-index:1000}
.header{background:var(--wt-dark)!important;padding:10px 0!important;height:auto!important;min-height:0!important;box-shadow:0 1px 0 rgba(255,255,255,.06),0 6px 18px -12px rgba(0,0,0,.5)}
.header .logo::before,.header .logo::after,.logo_section::before,.logo_section::after{display:none!important}
.header .row{display:flex;flex-wrap:nowrap;align-items:center;margin:0}
.header .logo_section{flex:1 1 auto;max-width:none;padding:0 12px}
.header .logo{padding:0!important;display:flex;align-items:center;min-height:44px}
.header .logo img{height:26px!important;width:auto!important}
.header .col-md-2{display:none!important}
.header .col-xl-7{flex:0 0 auto;width:auto;max-width:none;padding:0 12px}
.navigation.navbar{padding:0!important;position:static}
.navigation .navbar-nav{align-items:center;gap:4px}
.navigation .navbar-nav .nav-link{color:var(--wt-ink)!important;padding:8px 14px!important;border-radius:9px;font-weight:500;background:transparent!important}
.navigation .navbar-nav .nav-link:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.navigation .navbar-nav .nav-item.active .nav-link{background:var(--wt-accent)!important;color:#fff!important}
.navbar-toggler{margin:0!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;background:transparent!important;line-height:1}
.navbar-toggler:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}
.navbar-toggler-icon{width:24px!important;height:24px!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23EDE8DA' stroke-linecap='round' stroke-width='2.4' d='M5 8h20M5 15h20M5 22h20'/%3e%3c/svg%3e")!important}

/* Banner: rapat, penuh lebar, tanpa celah */
.banner_main::before,.banner_main::after{display:none!important}
.banner_main{margin:0!important;padding:0!important;background:var(--wt-paper)}
#myCarousel{padding:0!important;margin:0!important}
#myCarousel .carousel-item>.container-fluid{padding:0!important;max-width:none}
#myCarousel .carousel-caption{position:static!important;padding:0!important;margin:0!important;width:auto;left:auto;right:auto}
#myCarousel .row{margin:0!important}
#myCarousel .col-md-12{padding:0!important}
#myCarousel .bann_img{display:block;width:100%!important;height:auto;padding:0!important;margin:0!important;max-width:none;aspect-ratio:2/1;object-fit:cover}
#myCarousel .carousel-indicators{display:flex!important;bottom:10px;margin-bottom:0}
#myCarousel .carousel-indicators li{width:22px;height:4px;border-radius:2px;background:rgba(32,36,30,.35);border:0;margin:0 3px}
#myCarousel .carousel-indicators li.active{background:var(--wt-accent)}

@media (min-width:768px){
  .header{padding:12px 0!important}
  .header .logo img{height:30px!important}
  #myCarousel .bann_img{aspect-ratio:auto;max-height:560px}
}
@media (max-width:767.98px){
  /* menu HP: panel penuh lebar di bawah header */
  .navbar-collapse{position:fixed!important;top:64px;left:0;right:0;margin:0!important;padding:10px 12px 14px!important;background:var(--wt-dark)!important;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 14px 30px -12px rgba(0,0,0,.6);width:auto!important;z-index:999}
  .navbar-collapse .navbar-nav{align-items:stretch;gap:2px}
  .navbar-collapse .nav-link{padding:12px 14px!important;font-size:1.05rem}
  .wh{padding-top:28px!important}
  .wh h1{font-size:1.85rem!important}
  .wh-lead{font-size:1rem!important;margin-bottom:18px!important}
  .wh-hero{gap:20px!important;margin-bottom:28px!important}
}