.site-header{

  position:fixed;

  top:0;
  left:0;

  width:100%;

  z-index:999;

  transition:.3s ease;

}

.site-header.scrolled{

  background:rgba(5,5,5,.85);

  backdrop-filter:blur(20px);

  border-bottom:1px solid rgba(255,255,255,.05);

}

.navbar{

  height:90px;

  display:flex;

  align-items:center;

  justify-content:space-between;

}

/* ===== WordPress Custom Logo ===== */

.logo {
    display:flex;
    align-items:center;
    flex-shrink:0;
	min-width:120px;
}

.custom-logo-link {
    display:flex;
    align-items:center;
}

.custom-logo {
    width:auto !important;
    height:40px !important;
    display:block;
}
.nav-menu{
  display:flex;
  align-items:center;
  gap:40px;
	flex:1;
    justify-content:center;
}

.nav-menu a{

  color:rgba(255,255,255,.75);

  font-size:15px;

  transition:.3s ease;

}

.nav-menu a:hover{

  color:#fff;

}

.nav-cta{

  margin-left:30px;

}

.menu-toggle{

  display:none;

  width:42px;

  height:42px;

  background:none;

  border:none;

  cursor:pointer;

}

.menu-toggle span{

  display:block;

  width:24px;

  height:2px;

  background:#fff;

  margin:5px auto;

  transition:.3s ease;

}

/* TOP BAR */

.top-bar{

    border-bottom:1px solid rgba(255,255,255,.05);

    background:#050505;

}

.top-bar-content{

    min-height:48px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.top-bar-content p{

    font-size:14px;

    color:rgba(255,255,255,.6);

    margin:0;

}

.top-socials{

    display:flex;

    align-items:center;

    gap:18px;

}

.top-socials a{

    color:rgba(255,255,255,.65);

    font-size:16px;

    transition:.3s ease;

}

.top-socials a:hover{

    color:var(--color-accent);

    transform:translateY(-2px);

}

.top-bar{

    background:#111827;

}

.site-header{

    background:#050505;

}