/* ==========================================================
SECTION 01
HEADER SYSTEM
Owner : Header
Status : Legacy
========================================================== */

.site-header{
  background:#0f172a;
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}

.header-inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 24px;
}

.brand {
color: #ffffff;
text-decoration: none;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.5px;
}

.site-nav {
display: flex;
gap: 20px;
align-items: center;
}

.site-nav a {
color: #ffffff;
text-decoration: none;
font-size: 15px;
transition: opacity 0.2s ease;
}

.site-nav a:hover {
opacity: 0.75;
}

.site-nav a[aria-current="page"] {
font-weight: 700;
}

/* MOBILE NAV */

@media (max-width: 768px) {

.header-inner {
flex-direction: column;
align-items: flex-start;
}

.site-nav {
flex-wrap: wrap;
gap: 14px;
}

}