/* ============================
   GuideGuru — header.css
   ============================ */

.gg-header{
  position:sticky;
  top:0;
  z-index:20;
  background:var(--toolbar);
  border-bottom:1px solid var(--line);
}

.gg-header__inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  width:100%;
  max-width:480px;
  margin:0 auto;
  padding:10px 12px 8px;
  box-sizing:border-box;
}

.gg-header__brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  text-decoration:none;
}

.gg-header__brand > div:last-child{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.gg-title{
  margin:0;
  line-height:1.1;
  text-align:center;
  width:100%;
}

.gg-title-row{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  margin-top:2px;
}

.gg-tagline{
  margin:0;
  color:#2cd38d;
  font-size:14px;
  text-align:center;
  white-space:nowrap;
}

.public-auth-nav{
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-top:2px;
  text-align:center;
  font-size:13px;
  white-space:nowrap;
}

.public-auth-nav a{
  color:#2cd38d;
  text-decoration:none;
  font-weight:700;
}

.public-auth-nav span{
  color:#666;
}

.gg-area{
  width:100%;
  display:flex;
  justify-content:center;
}

.gg-area .gg-select{
  width:100%;
  max-width:100%;
  margin-top:4px;
  appearance:none;
  text-align:center;
}

.gg-cat-header{
  color:#2cd38d;
  font-weight:800;
}