/* Pengganti animasi framer-motion (situs asli Next.js) */
html.js [data-r]{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
html.js [data-r].is-in{opacity:1!important;transform:none!important}
html.js [data-tw]{opacity:0}
html.js [data-tw].is-in{opacity:1}

[data-marquee]{animation:lh-marquee var(--lh-dur,40s) linear infinite;will-change:transform}
@keyframes lh-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* menu mobile */
.lh-menu{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.95);backdrop-filter:blur(12px);padding-top:8rem;opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;pointer-events:none}
.lh-menu.is-open{opacity:1;transform:none;pointer-events:auto}
.lh-menu nav{display:flex;flex-direction:column;align-items:center;gap:1rem}
.lh-menu a{font-size:1.5rem;line-height:2rem;font-weight:700;color:#fff;padding:.5rem 0}
@media (min-width:48rem){.lh-menu{display:none}}
[aria-label="Toggle Menu"] span{transition:transform .3s,opacity .3s}
[aria-label="Toggle Menu"].is-open span:nth-child(1){transform:translateY(11px) rotate(45deg)}
[aria-label="Toggle Menu"].is-open span:nth-child(2){opacity:0}
[aria-label="Toggle Menu"].is-open span:nth-child(3){transform:translateY(-11px) rotate(-45deg)}
body.lh-lock{overflow:hidden}

/* lightbox */
.lh-lb{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.lh-lb.is-open{opacity:1;pointer-events:auto}
.lh-lb img{max-width:92vw;max-height:86vh;object-fit:contain;border-radius:12px}
.lh-lb button{position:absolute;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;width:48px;height:48px;font-size:24px;line-height:1;cursor:pointer}
.lh-lb button:hover{background:#f52026}
.lh-lb .lh-x{top:20px;right:20px}
.lh-lb .lh-prev{left:16px;top:50%;transform:translateY(-50%)}
.lh-lb .lh-next{right:16px;top:50%;transform:translateY(-50%)}
.lh-lb .lh-count{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;opacity:.8}

/* tooltip negara di peta */
.lh-tip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) scale(2);transform-origin:bottom center;background:#161415;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;padding:6px 10px;border-radius:8px;pointer-events:none;opacity:0;transition:opacity .2s;z-index:30}
.lh-pin:hover .lh-tip,.lh-pin.is-active .lh-tip{opacity:1}

@media (prefers-reduced-motion:reduce){
  [data-marquee]{animation:none}
  html.js [data-r],html.js [data-tw]{opacity:1;transform:none!important;transition:none}
}