/* ========== 01.00 Header ========== */

.site-header{
  height:74px;
  background:#272c33;
  border-bottom:1px solid #444;
  display:flex;
  align-items:center;
  padding:0 20px;
  gap:20px;
}

/* ========== 01.10 Logo ========== */

.header-left{
  display:flex;
  align-items:center;
}

.logo{
  margin:0;
  font-size:32px;
}

.logo-link{
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}

.logo-link:focus{
  outline:none;
}

/* ========== 01.20 Header Center ========== */

.header-center{
  flex:1;
  display:flex;
  justify-content:center;
  align-items:center;
}

/* ========== 01.30 Menu Container ========== */

#menuContainer{
  margin-left:auto;
}

/* ========== 01.40 Header Action Buttons ========== */

/* ========== 01.40 Header Action Buttons ========== */

.header-action-btn{
  height:38px;
  padding:0 14px;
  border:none;
  border-radius:6px;
  background:#53575a;
  color:white;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
}

.header-action-btn:hover{
  background:#64696d;
}

#headerActions{
  display:flex;
  align-items:center;
  gap:12px;
}