/* ============================================================
   Header gaya Harvard untuk Unhas — minimal bar + overlay full-screen.
   Tanpa ElementsKit. Warna brand: merah #940000. Overlay: #0e0e0e.
   ============================================================ */
:root{
  --uh-red:#A51C30;      /* Harvard Crimson */
  --uh-red-2:#c62b42;
  --uh-ink:#0e0e0e;
  --uh-bar-h:80px;
}

/* Sembunyikan header bawaan tema (Astra/ElementsKit) — kita render sendiri */
#masthead,.ast-above-header,.ast-below-header{display:none !important;}
body{margin:0;}
body .site,body #page{padding-top:var(--uh-bar-h);}

/* ---------- Bar header (fixed) ---------- */
.uh-header{
  position:fixed;inset:0 0 auto 0;height:var(--uh-bar-h);z-index:9000;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 0 0 clamp(16px,3vw,40px); /* kanan flush: tombol blok hitam menempel tepi */
  background:var(--uh-red);border-bottom:1px solid rgba(0,0,0,.12);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.uh-logo{display:flex;align-items:center;height:100%;text-decoration:none;}
.uh-logo img{height:42px;width:auto;display:block;}
.uh-actions{display:flex;align-items:center;gap:0;height:var(--uh-bar-h);}
/* Tombol Search & Menu gaya Harvard: BLOK setinggi penuh header, hitam, putih. */
.uh-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:11px;cursor:pointer;
  height:var(--uh-bar-h);
  font-size:17px;font-weight:600;letter-spacing:.01em;
  padding:0 30px;border:0;border-radius:0;line-height:1;
  background:var(--uh-ink);color:#fff;
  transition:background .15s ease,color .15s ease;
}
.uh-btn svg{width:22px;height:22px;}
.uh-btn:hover{background:#2a2a2a;}
/* Search & Menu = blok hitam-putih; dipisah garis tipis; menempel ke kanan */
.uh-search-toggle{margin-left:clamp(14px,2.5vw,26px);}
.uh-menu-toggle{border-left:1px solid rgba(255,255,255,.16);}
.uh-burger{display:inline-flex;flex-direction:column;gap:5px;width:24px;}
.uh-burger span{height:2.5px;width:100%;background:currentColor;border-radius:2px;}

/* ---------- Language switcher (EN / ID) ---------- */
.uh-lang{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:.03em;line-height:1;}
.uh-lang-link{color:rgba(255,255,255,.7);text-decoration:none;position:relative;padding:2px 1px;transition:color .15s ease;}
.uh-lang-link:hover{color:#fff;}
.uh-lang-link.is-active{color:#fff;font-weight:700;}
.uh-lang-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:#fff;border-radius:2px;}
.uh-lang-sep{color:rgba(255,255,255,.34);}
/* pemisah dari tombol Search/Menu di-handle oleh margin-left tombol Search */
.uh-actions .uh-lang{margin-right:0;padding-right:0;border-right:0;}
/* overlay gelap: kelompokkan lang + Close di kanan; garis aktif merah */
.uh-overlay-top-right{display:flex;align-items:center;gap:clamp(14px,3vw,26px);}
.uh-lang--overlay .uh-lang-link.is-active::after{background:var(--uh-red-2);}

/* ---------- Overlay full-screen ---------- */
.uh-overlay{
  position:fixed;inset:0;z-index:9500;background:var(--uh-ink);color:#fff;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s;
  padding:clamp(16px,3vw,40px) clamp(16px,5vw,90px) 40px;
}
.uh-overlay.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .28s ease;}
body.uh-lock{overflow:hidden;}

/* Offset admin bar WP saat login */
body.admin-bar .uh-header{top:32px;}
body.admin-bar .uh-overlay{top:32px;}
@media(max-width:782px){body.admin-bar .uh-header,body.admin-bar .uh-overlay{top:46px;}}

.uh-overlay-top{display:flex;align-items:center;justify-content:space-between;height:var(--uh-bar-h);margin-bottom:clamp(20px,4vh,56px);}
.uh-overlay-top .uh-logo img{height:42px;filter:brightness(0) invert(1);} /* logo jadi putih */
.uh-close{
  display:inline-flex;align-items:center;gap:10px;cursor:pointer;
  background:transparent;border:0;color:#fff;font-size:15px;font-weight:600;
  font-family:inherit;letter-spacing:.02em;
}
.uh-close .x{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #555;border-radius:50%;}

/* ---------- Nav besar (serif, gaya Harvard) ---------- */
.uh-overlay-nav{max-width:1100px;}
.uh-menu{list-style:none;margin:0;padding:0;}
.uh-menu > li{border-bottom:1px solid rgba(255,255,255,.10);}
.uh-menu > li > a,.uh-menu > li > .uh-parent{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  width:100%;box-sizing:border-box;background:none;border:0;cursor:pointer;text-align:left;
  color:#fff;text-decoration:none;
  font-family:Georgia,"Times New Roman",Cambria,serif;
  font-weight:400;font-size:clamp(30px,5.2vw,54px);line-height:1.18;letter-spacing:-.01em;
  padding:clamp(12px,1.6vh,20px) 0;
}
.uh-menu > li > a:hover,.uh-menu > li > .uh-parent:hover{color:#ff8a80;}
.uh-parent .caret{width:26px;height:26px;flex:none;transition:transform .25s ease;color:var(--uh-red-2);}
.uh-menu > li.is-open .uh-parent .caret{transform:rotate(45deg);}
.uh-menu > li.is-open .uh-parent{color:#ff8a80;}

/* Sembunyikan item language-switcher WPML dari nav besar (dirender kosong) */
.uh-menu > li.wpml-ls-item{display:none;}
/* SEOPress beacon (admin-only) jangan menutupi overlay */
body.uh-lock #seopress-beacon-universal-metabox{display:none !important;}

/* Submenu (accordion) */
.uh-menu .sub-menu{
  list-style:none;margin:0;padding:0;overflow:hidden;max-height:0;
  transition:max-height .35s ease;
}
.uh-menu > li.is-open .sub-menu{max-height:1200px;padding-bottom:14px;}
.uh-menu .sub-menu li{margin:0;}
.uh-menu .sub-menu a{
  display:block;color:#c9c9c9;text-decoration:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:clamp(15px,1.6vw,18px);line-height:1.5;padding:8px 0 8px 4px;
  border-left:2px solid transparent;transition:color .12s,border-color .12s,padding .12s;
}
.uh-menu .sub-menu a:hover{color:#fff;border-color:var(--uh-red-2);padding-left:12px;}
/* dua kolom untuk submenu panjang di layar lebar */
@media(min-width:900px){
  .uh-menu > li.is-open .sub-menu{columns:2;column-gap:60px;}
}

/* ---------- Quick links (bawah, gaya Harvard) ---------- */
.uh-quick{margin-top:clamp(28px,5vh,60px);padding-top:22px;border-top:1px solid rgba(255,255,255,.12);
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;}
.uh-quick .lbl{color:#8a8a8a;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.uh-quick ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;}
.uh-quick a{color:#d6d6d6;text-decoration:none;font-size:14px;font-weight:600;}
.uh-quick a:hover{color:#ff8a80;}

/* ---------- Search panel ---------- */
.uh-search{margin:6px 0 clamp(20px,4vh,44px);max-width:760px;}
.uh-search[hidden]{display:none;}
.uh-search form{display:flex;border-bottom:2px solid #fff;}
.uh-search input{flex:1;background:none;border:0;color:#fff;font-size:clamp(22px,3.5vw,34px);
  font-family:Georgia,serif;padding:10px 0;outline:none;}
.uh-search input::placeholder{color:#777;}
.uh-search button{background:none;border:0;color:#fff;cursor:pointer;padding:0 8px;}
.uh-search button svg{width:26px;height:26px;}

@media(max-width:600px){
  :root{--uh-bar-h:64px;}
  .uh-btn{padding:0 17px;font-size:15px;}
  .uh-btn svg{width:20px;height:20px;}
  .uh-menu > li.is-open .sub-menu{columns:1;}
  /* Ruang sempit: switcher tetap tampil, tombol Search jadi ikon saja */
  .uh-lang{font-size:13px;}
  .uh-actions{gap:8px;}
  .uh-actions .uh-lang{margin-right:2px;padding-right:9px;}
  .uh-search-toggle span{display:none;}
  .uh-search-toggle{padding:0 15px;margin-left:8px;}
}