/* ================================================================
   RSU WAJAK HUSADA — GLOBAL HEADER/NAV SYNC
   One visual system for every page.
   ================================================================ */
.wh-header{position:relative;z-index:1000;background:#fff;color:#171717;font-family:'Roboto',sans-serif}
.wh-container{width:min(1280px,calc(100% - 48px));margin:0 auto}
.wh-header-main{background:var(--wh-bg,#fff);border-top:1px solid #eee;border-bottom:1px solid var(--wh-border,#e9e9e9)}
.wh-header-inner{height:var(--wh-hd,96px);display:flex;align-items:center;gap:var(--wh-gap,26px)}
.wh-brand{display:flex;align-items:center;gap:10px;min-width:160px;flex:none;text-decoration:none;color:inherit}
/* Logo resmi (gambar). Tinggi diatur per breakpoint; lebar mengikuti rasio asli. */
.wh-brand-logo{display:block;height:var(--wh-logo-d,80px);width:auto;max-width:260px;object-fit:contain;object-position:left center}
.wh-search{height:46px;flex:1;max-width:380px;display:flex;align-items:center;background:#f7f7f7;border:1px solid #e4e4e4;border-radius:25px;overflow:hidden;margin-left:2px}
.wh-search input{height:100%;flex:1;border:0;outline:0;background:transparent;padding:0 18px;font-size:13px;color:#222;min-width:0}
.wh-search button{width:40px;height:40px;margin-right:3px;border:0;border-radius:50%;background:#ff650f;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.wh-contact-list{display:flex;align-items:center;gap:20px;margin-left:auto}
.wh-contact{display:flex;align-items:center;gap:8px;text-decoration:none;color:#171717;white-space:nowrap}
.wh-contact-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;flex:none}
.wh-contact-icon.phone{background:#168bea}.wh-contact-icon.wa{background:#20c86b}.wh-contact-icon.emergency{background:#ef3340}
.wh-contact small{display:block;color:#666;font-size:9px;line-height:1.1;text-transform:uppercase}
.wh-contact strong{display:block;color:#111;font-size:12px;line-height:1.25;margin-top:2px}
.wh-lang{height:38px;padding:0 14px;border:1px solid #e2e2e2;border-radius:20px;background:#fff;font-size:12px;font-weight:700;color:#222;white-space:nowrap}
.wh-lang i{font-size:9px;margin-left:5px}
.wh-nav{height:54px;background:#ff650f}
.wh-nav .wh-container{height:100%}
.wh-nav ul{height:100%;display:flex;align-items:center;justify-content:center;gap:3px;list-style:none;margin:0;padding:0}
.wh-nav li{height:100%;display:flex;align-items:center}
.wh-nav-link{height:42px;padding:0 17px;border-radius:6px;display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-family:'Roboto',sans-serif;font-size:13px;font-weight:700;transition:.18s ease}
.wh-nav-link i{font-size:12px}
.wh-nav-link:hover{background:rgba(255,255,255,.14)}
.wh-nav-link.active{background:#fff;color:#ff650f}
.wh-mobile-header,.wh-mobile-menu,.wh-mobile-overlay{display:none}

@media(max-width:1100px){
  .wh-contact-list{gap:10px}.wh-contact strong{font-size:11px}.wh-contact-icon{width:36px;height:36px}.wh-brand{min-width:205px}.wh-nav-link{padding:0 12px;font-size:12px}
}
@media(max-width:900px){
  .wh-header-main,.wh-nav{display:none}
  .wh-mobile-header{display:block;background:var(--wh-bg,#fff);border-bottom:1px solid #e6e6e6;position:relative}
  .wh-mobile-inner{height:var(--wh-hm,68px);display:flex;align-items:center;justify-content:space-between;gap:12px}
  .wh-mobile-inner .wh-brand{min-width:0;gap:8px}
  .wh-mobile-inner .wh-brand{flex:0 1 auto;min-width:0}
  /* sisakan ruang untuk 4 tombol aksi (cari, WA, emergency, menu) agar logo tidak menabrak hamburger */
  .wh-mobile-inner .wh-brand-logo{height:var(--wh-logo-m,54px);max-width:min(190px,calc(100vw - 215px))}
  .wh-mobile-actions{display:flex;align-items:center;gap:7px}
  .wh-mobile-btn{width:36px;height:36px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;text-decoration:none;flex:none}
  .wh-search-toggle{background:#f2f3f4;color:#20252b}.wh-wa{background:#20c86b;color:#fff}.wh-emergency{background:#ef3340;color:#fff}.wh-menu-btn{background:#ff650f;color:#fff}
  .wh-mobile-search{display:none;position:absolute;left:16px;right:16px;top:74px;height:44px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.1);z-index:1100;align-items:center;padding:0 12px}
  .wh-mobile-search.open{display:flex}.wh-mobile-search input{flex:1;border:0;outline:0;font-size:12px}.wh-mobile-search i{color:#ff650f}
  .wh-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:1200;opacity:0;visibility:hidden;transition:.2s}
  .wh-mobile-overlay.open{opacity:1;visibility:visible}
  .wh-mobile-menu{display:block;position:fixed;z-index:1300;top:0;right:-360px;width:min(350px,88vw);height:100vh;background:#fff;box-shadow:-10px 0 28px rgba(0,0,0,.15);transition:right .25s ease;padding:20px}
  .wh-mobile-menu.open{right:0}
  .wh-mobile-menu-head{height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:10px}
  .wh-mobile-menu-head strong{font-family:'Oswald',sans-serif;text-transform:uppercase;color:#ff650f;font-size:20px}
  .wh-mobile-menu-head button{width:34px;height:34px;border:0;border-radius:50%;background:#f3f3f3}
  .wh-mobile-menu nav{display:flex;flex-direction:column;margin-top:12px}
  .wh-mobile-link{display:flex;align-items:center;gap:12px;padding:14px 5px;border-bottom:1px solid #eee;color:#20242a;text-decoration:none;font-size:14px;font-weight:700}
  .wh-mobile-link i{width:18px;text-align:center;color:#ff650f}.wh-mobile-link.active{color:#ff650f}
}
@media(max-width:480px){
  .wh-container{width:calc(100% - 30px)}
  .wh-mobile-inner{height:var(--wh-hm,62px)}.wh-mobile-btn{width:33px;height:33px}.wh-mobile-actions{gap:5px}
  .wh-mobile-inner .wh-brand-logo{height:var(--wh-logo-m,48px);max-width:min(170px,calc(100vw - 200px))}
}

/* Shared navigation is text-only on desktop and mobile. */
.wh-nav-link,.wh-mobile-link{gap:0}
.wh-nav-link > i,.wh-mobile-link > i{display:none!important}

/* Editable, nested public navigation */
.wh-nav{height:auto;min-height:54px}.wh-nav .wh-container{min-height:54px}.wh-nav>div>ul{flex-wrap:wrap;height:auto;min-height:54px}.wh-nav-item{position:relative!important;min-height:54px!important}.wh-nav-link{padding:0 9px!important;font-size:12px!important}.wh-sub-toggle{background:transparent;color:white;border:0;cursor:pointer;padding:10px 5px}.wh-dropdown{display:none!important;position:absolute;top:100%;left:0;min-width:225px;height:auto!important;background:white;border-radius:0 0 12px 12px;box-shadow:0 12px 30px #0002;list-style:none;z-index:1200;padding:7px!important;flex-direction:column;gap:0!important;align-items:stretch!important}.wh-dropdown li{width:100%;height:auto!important}.wh-dropdown-link{display:block;padding:12px 15px;color:#233f56;text-decoration:none;font-weight:600;font-size:13px;border-radius:6px}.wh-dropdown-link:hover,.wh-dropdown-link.active{background:#fff2e8;color:#ec650c}.wh-nav-item:hover>.wh-dropdown,.wh-nav-item:focus-within>.wh-dropdown,.wh-nav-item.submenu-open>.wh-dropdown{display:flex!important}.wh-nav-item.child-active>.wh-nav-link{background:#fff;color:#ff650f}.wh-mobile-group{position:relative}.wh-mobile-sub-toggle{position:absolute;right:18px;top:8px;border:0;background:transparent;padding:10px;font-size:16px;cursor:pointer}.wh-mobile-submenu{display:none;padding:0 6px 6px 16px}.wh-mobile-group.submenu-open>.wh-mobile-submenu{display:block}.wh-mobile-child{font-size:13px!important;padding-left:22px!important}

#homeFeatures{display:flex!important;justify-content:center!important;flex-wrap:wrap!important}#homeFeatures>.feature-card{flex:0 1 280px}#homeQuickActions .qa-title{text-transform:none!important}

/* Bahasa: satu bahasa yang didukung → label statis (bukan tombol menu palsu) */
.wh-lang--static{display:inline-flex;align-items:center;height:38px;padding:0 14px;border:1px solid #e2e2e2;border-radius:20px;background:#fff;font-size:12px;font-weight:700;color:#222;white-space:nowrap;cursor:default}
.wh-search[hidden],.wh-mobile-btn[hidden],.wh-lang[hidden]{display:none!important}
.wh-mobile-contact{color:#fff}