
/* Sembunyikan antarmuka bawaan Google Translate, kita pakai pemilih bahasa sendiri */
body{top:0 !important}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame,body>.skiptranslate,#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,#anig-gt{display:none !important}
.goog-text-highlight{background:none !important;box-shadow:none !important}

.anig-hd,.anig-hd *,.anig-hd *::before,.anig-hd *::after{box-sizing:border-box}
.anig-hd-spacer{height:72px}
.anig-hd{
  --navy:var(--anig-navy,#25255C);--gold:var(--anig-gold,#E0AE30);--gold-m:var(--anig-goldm,#C5942C);--ink:var(--anig-ink,#15153A);--muted:#4A4A68;--line:rgba(var(--anig-navy-rgb,37,37,92),.12);--tint:rgba(var(--anig-navy-rgb,37,37,92),.06);
  position:fixed;top:0;left:0;right:0;z-index:99990;height:72px;
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
  border-bottom:1px solid var(--line);
  font-family:var(--anig-fb,'Inter'),system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:15px;line-height:1.4;color:var(--ink);
  transition:box-shadow .25s ease;
}
body.admin-bar .anig-hd{top:32px}
@media (max-width:782px){body.admin-bar .anig-hd{top:46px}}
.anig-hd.is-scrolled{box-shadow:0 10px 30px rgba(var(--anig-navy-rgb,37,37,92),.10)}

/* Reset ringan agar tidak bentrok dengan Hello Elementor */
.anig-hd ul,.anig-hd li{margin:0;padding:0;list-style:none}
.anig-hd a{color:inherit;text-decoration:none;background:none}
.anig-hd button{font:inherit;color:inherit;background:none;border:0;border-radius:0;padding:0;margin:0;cursor:pointer;text-align:inherit;line-height:inherit;box-shadow:none;text-transform:none;letter-spacing:normal}
.anig-hd button:hover,.anig-hd button:focus{background:none;color:inherit}
.anig-hd a:focus-visible,.anig-hd button:focus-visible{outline:3px solid var(--navy);outline-offset:2px;border-radius:10px}

.anig-hd .anig-hd__bar{height:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px}
.anig-hd .anig-hd__logo{display:flex;align-items:center;flex:none}
.anig-hd .anig-hd__logo img{display:block;height:50px;width:auto;max-width:none}
.anig-hd .anig-hd__nav{margin-left:auto}
.anig-hd .anig-hd__list{display:flex;align-items:center;gap:2px}
.anig-hd .anig-hd__list>li{position:relative}
.anig-hd .anig-hd__list>li.is-mega{position:static}

.anig-hd .anig-hd__top{
  display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:999px;
  font-size:15px;font-weight:600;line-height:1;color:var(--ink);white-space:nowrap;
  transition:background-color .2s ease,color .2s ease;
}
.anig-hd .anig-hd__top:hover,.anig-hd .anig-hd__top[aria-expanded="true"]{background:var(--tint);color:var(--navy)}
.anig-hd .anig-hd__top.is-current{color:var(--navy);box-shadow:inset 0 -2px 0 var(--gold-m);border-radius:0;height:40px}
.anig-hd .anig-hd__chev{width:12px;height:12px;transition:transform .2s ease;flex:none}
.anig-hd [aria-expanded="true"]>.anig-hd__chev{transform:rotate(180deg)}

/* Panel dropdown */
.anig-hd .anig-hd__panel{
  position:absolute;top:calc(100% + 10px);left:0;min-width:270px;padding:8px;
  background:#fff;border:1px solid var(--line);border-radius:20px;
  box-shadow:0 28px 60px rgba(var(--anig-navy-rgb,37,37,92),.18);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.anig-hd .anig-hd__panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.anig-hd [data-menu].is-open>.anig-hd__panel{opacity:1;visibility:visible;transform:none}
.anig-hd .anig-hd__panel a{display:block;padding:10px 14px;border-radius:12px;font-size:14.5px;font-weight:500;color:var(--ink);transition:background-color .15s ease}
.anig-hd .anig-hd__panel a:hover{background:var(--tint);color:var(--navy)}
.anig-hd .anig-hd__panel a.is-current{color:var(--navy);font-weight:600}
.anig-hd .anig-hd__panel small{display:block;margin-top:2px;font-size:12.5px;font-weight:400;color:var(--muted);line-height:1.45}

/* Mega menu Ekosistem */
.anig-hd .is-mega>.anig-hd__panel{
  left:50%;top:100%;margin-top:6px;width:min(1020px,calc(100vw - 48px));padding:12px;
  transform:translate(-50%,6px);
}
.anig-hd .is-mega[data-menu].is-open>.anig-hd__panel{transform:translate(-50%,0)}
.anig-hd .anig-hd__mega{display:grid;grid-template-columns:1.05fr 1.25fr 1fr 1fr;gap:8px}
.anig-hd .anig-hd__mega-intro{
  display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:14px;color:#fff;
  background:radial-gradient(260px 200px at 100% 0%,rgba(var(--anig-gold-rgb,224,174,48),.28),transparent 70%),linear-gradient(150deg,var(--anig-navy,#25255C),var(--anig-dark,#0b0b1c));
}
.anig-hd .anig-hd__mega-intro strong{font-family:var(--anig-fh,'Sora'),sans-serif;font-size:1.05rem;font-weight:600;line-height:1.3}
.anig-hd .anig-hd__mega-intro p{margin:0;font-size:13.5px;color:rgba(255,255,255,.82);line-height:1.55}
.anig-hd .anig-hd__panel .anig-hd__mega-all{
  margin-top:auto;display:inline-flex;align-self:flex-start;padding:9px 16px;border-radius:999px;
  background:linear-gradient(135deg,var(--anig-gold,#E0AE30),var(--anig-goldm,#C5942C));color:var(--anig-black,#000);font-weight:600;font-size:13.5px;
}
.anig-hd .anig-hd__panel .anig-hd__mega-all:hover{background:linear-gradient(135deg,var(--anig-gold,#E0AE30),var(--anig-goldm,#C5942C));color:var(--anig-black,#000);filter:brightness(1.05)}
.anig-hd .anig-hd__col{padding:10px 6px}
.anig-hd .anig-hd__panel .anig-hd__col-title{padding:6px 14px 0;font-family:var(--anig-fh,'Sora'),sans-serif;font-weight:600;font-size:14.5px;color:var(--navy)}
.anig-hd .anig-hd__col-tag{margin:0 14px 8px;font-size:12.5px;color:var(--gold-m);font-weight:600}
.anig-hd .anig-hd__panel .anig-hd__col a:not(.anig-hd__col-title){padding:8px 14px}
.anig-hd .anig-hd__panel .anig-hd__col a b{font-weight:600}
.anig-hd .anig-hd__panel i{font-style:normal;font-size:11px;font-weight:700;color:var(--gold-m);margin-left:6px;letter-spacing:.02em}

/* Kanan: bahasa, CTA, burger */
.anig-hd .anig-hd__right{display:flex;align-items:center;gap:10px}
.anig-hd .anig-hd__lang{position:relative}
.anig-hd .anig-hd__lang-btn{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--ink);transition:border-color .2s ease,background-color .2s ease}
.anig-hd .anig-hd__lang-btn:hover,.anig-hd .anig-hd__lang-btn[aria-expanded="true"]{background:var(--tint);border-color:rgba(var(--anig-navy-rgb,37,37,92),.28);color:var(--navy)}
.anig-hd .anig-hd__lang-btn svg.g{width:17px;height:17px;flex:none}
.anig-hd .anig-hd__panel--lang{left:auto;right:0;min-width:250px}
.anig-hd .anig-hd__panel--lang button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;text-align:left;transition:background-color .15s ease}
.anig-hd .anig-hd__panel--lang button:hover{background:var(--tint);color:var(--navy)}
.anig-hd .anig-hd__panel--lang .n{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.anig-hd .anig-hd__panel--lang .s{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.anig-hd .anig-hd__panel--lang button[aria-current="true"]{background:rgba(var(--anig-gold-rgb,224,174,48),.16)}
.anig-hd .anig-hd__panel--lang button[aria-current="true"]::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold-m);flex:none}

.anig-hd .anig-hd__cta{
  display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border-radius:999px;
  background:linear-gradient(135deg,var(--anig-gold,#E0AE30) 0%,var(--anig-goldm,#C5942C) 100%);color:var(--anig-black,#000);font-weight:600;font-size:15px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.anig-hd .anig-hd__cta:hover{color:var(--anig-black,#000);transform:translateY(-1px);box-shadow:0 10px 22px rgba(var(--anig-gold-rgb,224,174,48),.38)}
.anig-hd .anig-hd__burger{display:none;width:44px;height:44px;border-radius:12px;position:relative}
.anig-hd .anig-hd__burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease,top .25s ease}
.anig-hd .anig-hd__burger span:nth-child(1){top:15px}
.anig-hd .anig-hd__burger span:nth-child(2){top:21px}
.anig-hd .anig-hd__burger span:nth-child(3){top:27px}
.anig-hd.is-drawer .anig-hd__burger span:nth-child(1){top:21px;transform:rotate(45deg)}
.anig-hd.is-drawer .anig-hd__burger span:nth-child(2){opacity:0}
.anig-hd.is-drawer .anig-hd__burger span:nth-child(3){top:21px;transform:rotate(-45deg)}

/* Drawer mobile */
.anig-hd .anig-hd__drawer{display:none}

@media (max-width:1024px){
  .anig-hd-spacer{height:64px}
  .anig-hd{height:64px}
  .anig-hd .anig-hd__bar{padding:0 16px;gap:12px}
  .anig-hd .anig-hd__logo img{height:44px}
  .anig-hd .anig-hd__nav,.anig-hd .anig-hd__right>.anig-hd__cta{display:none}
  .anig-hd .anig-hd__right{margin-left:auto}
  .anig-hd .anig-hd__burger{display:block}
  .anig-hd .anig-hd__drawer{
    display:block;position:absolute;left:0;right:0;top:100%;
    height:calc(100vh - 64px);height:calc(100dvh - 64px);overflow-y:auto;
    background:#fff;padding:8px 20px 40px;border-top:1px solid var(--line);
    visibility:hidden;opacity:0;transform:translateY(-8px);
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
  }
  .anig-hd.is-drawer .anig-hd__drawer{visibility:visible;opacity:1;transform:none}
  .anig-hd .anig-hd__d-link,.anig-hd .anig-hd__d-top{
    display:flex;width:100%;align-items:center;justify-content:space-between;min-height:56px;
    font-family:var(--anig-fh,'Sora'),sans-serif;font-size:1.05rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);
  }
  .anig-hd .anig-hd__d-sub{padding:6px 0 12px}
  .anig-hd .anig-hd__d-sub a{display:block;padding:11px 8px;font-size:15px;font-weight:500;color:var(--ink);border-radius:10px}
  .anig-hd .anig-hd__d-sub a:hover{background:var(--tint)}
  .anig-hd .anig-hd__d-sub small{display:block;font-size:12.5px;font-weight:400;color:var(--muted)}
  .anig-hd .anig-hd__d-sub .h{margin:12px 8px 2px;font-family:var(--anig-fh,'Sora'),sans-serif;font-size:13.5px;font-weight:600;color:var(--gold-m)}
  .anig-hd .anig-hd__cta--block{display:flex;width:100%;height:52px;margin-top:22px;font-size:16px}
  .anig-hd .anig-hd__panel--lang{right:-4px}
}
@media (max-width:420px){
  .anig-hd .anig-hd__lang-btn{padding:0 10px}
  .anig-hd .anig-hd__panel--lang{min-width:230px}
}
@media (prefers-reduced-motion:reduce){
  .anig-hd,.anig-hd *{transition:none !important}
}
