/* Jendela Morotai custom */
.hero-blob{position:absolute;border-radius:9999px;filter:blur(60px);opacity:.5;animation:float 8s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-24px) scale(1.08)}}
.card-hover{transition:.3s}.card-hover:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px -12px rgba(2,132,199,.35)}
.glass{background:rgba(255,255,255,.75);backdrop-filter:blur(14px)}
.chip{font-size:11px;font-weight:700;padding:.25rem .7rem;border-radius:9999px}
.scroll-x{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}
.scroll-x>*{scroll-snap-align:start}
.leaflet-container{border-radius:1.25rem;z-index:1;background:#dde7ee}
/* Tinggi eksplisit agar peta tetap tampil walau Tailwind CDN gagal/offline */
#gisMap{height:70vh;min-height:420px;width:100%}
#miniMap{height:18rem;min-height:280px;width:100%}
#miniDetailMap,#kantorMap{height:14rem;min-height:220px;width:100%}
/* Navbar premium */
.nav-link{position:relative;color:#475569;border-radius:.9rem;transition:.22s;white-space:nowrap}
.nav-link::after{content:'';position:absolute;left:.8rem;right:.8rem;bottom:.3rem;height:3px;border-radius:99px;background:linear-gradient(90deg,#0ea5e9,#14b8a6,#fb923c);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav-link:hover{color:#0284c7;background:#f0f9ff}
.nav-link:hover::after{transform:scaleX(1)}
.nav-link.on{color:#fff;background:linear-gradient(90deg,#0ea5e9,#14b8a6);box-shadow:0 8px 18px -6px rgba(14,165,233,.55)}
.nav-link.on::after{display:none}
.nav-drop{animation:dropIn .18s ease-out}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.nav-drop-item{display:block;padding:.55rem .9rem;border-radius:.8rem;color:#475569;font-size:.83rem;transition:.18s}
.nav-drop-item:hover{background:#f0f9ff;color:#0284c7;transform:translateX(3px)}
.nav-drop-item.on{background:linear-gradient(90deg,#e0f2fe,#ccfbf1);color:#0369a1;font-weight:800}
.mnav-link{display:block;padding:.65rem 1rem;border-radius:.9rem;background:#f8fafc;font-size:.9rem;transition:.18s}
.mnav-link:hover{background:#e0f2fe}
.mnav-link.on{background:linear-gradient(90deg,#0ea5e9,#14b8a6);color:#fff;box-shadow:0 6px 14px -6px rgba(14,165,233,.5)}
.mnav-link.sub{font-size:.82rem;background:#fff;border:1px solid #f1f5f9}
.map-error{background:#fef2f2;border:2px dashed #f87171;color:#991b1b;border-radius:1.25rem;padding:2rem;text-align:center;font-size:.9rem}
.marquee{display:flex;gap:2rem;animation:marq 22s linear infinite;width:max-content}
@keyframes marq{to{transform:translateX(-50%)}}
.hero-pattern{background-image:radial-gradient(rgba(255,255,255,.25) 1.5px,transparent 1.5px);background-size:22px 22px}
details>summary{cursor:pointer}
input,select,textarea{outline:none}
input:focus,select:focus,textarea:focus{border-color:#0ea5e9!important;box-shadow:0 0 0 3px rgba(14,165,233,.2)}
