/*

File: header.css

Deskripsi: Styling khusus untuk area Header dan Navigasi.
*/

/* STREAMING_CHUNK:Transisi halus untuk header... */
#site-header {
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
will-change: transform, background-color, padding, border-color;
}

/* STREAMING_CHUNK:Efek kaca (Glassmorphism) saat header di-scroll... /
.header-scrolled {
background-color: rgba(15, 23, 42, 0.95) !important; / Warna Abu-abu Sangat Gelap (Slate 900) transparan /
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-bottom: 1px solid rgba(14, 165, 233, 0.15) !important; / Border bawah biru langit tipis */
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
}

/* STREAMING_CHUNK:Animasi untuk menu mobile... */
#mobile-menu {
transition: opacity 0.3s ease, transform 0.3s ease;
transform-origin: top;
}

#mobile-menu.hidden {
display: none;
opacity: 0;
transform: scaleY(0);
}

#mobile-menu:not(.hidden) {
display: block;
opacity: 1;
transform: scaleY(1);
}