/* Shared COTARU site header for top, reserve LP, and spot pages. */
.site-header{
  position:sticky;
  top:0;
  z-index:80;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
  padding:10px 18px;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}
.site-logo{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.site-logo-img{height:20px;width:auto;display:block}
.site-nav{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.site-nav .site-link{
  color:var(--muted);
  text-decoration:none;
  font-size:var(--fs-small);
  font-weight:600;
  white-space:nowrap;
  border-bottom:2px solid transparent;
  padding:7px 0 6px;
}
.site-nav .site-link:hover,
.site-nav .site-link.is-current{color:var(--brand);border-bottom-color:var(--brand)}
.site-nav .site-book{white-space:nowrap;min-height:40px;padding:9px 16px;margin-left:2px}
.site-langbar{flex:0 0 auto;margin-left:2px;background:#fff}
.site-navtoggle,.site-hamburger{display:none}
.site-hamburger{
  flex:0 0 40px;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:40px;
  height:40px;
  cursor:pointer;
  border-radius:var(--radius);
}
.site-hamburger span{
  display:block;
  width:22px;
  height:2px;
  background:var(--ink);
  margin:0 auto;
  transition:transform .15s ease,opacity .15s ease;
}
@media(max-width:880px){
  .site-header{padding:8px 12px;gap:10px}
  .site-logo-img{height:18px}
  .site-langbar{margin-left:auto}
  .site-hamburger{display:inline-flex}
  .site-nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:90;
    margin-left:0;
    background:#fff;
    border-bottom:1px solid var(--line);
    box-shadow:0 8px 16px rgba(0,0,0,.06);
    flex-direction:column;
    align-items:stretch;
    padding:8px 18px 16px;
    gap:0;
  }
  .site-navtoggle:checked ~ .site-nav{display:flex}
  .site-navtoggle:checked ~ .site-hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .site-navtoggle:checked ~ .site-hamburger span:nth-child(2){opacity:0}
  .site-navtoggle:checked ~ .site-hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-nav .site-link{
    display:block;
    padding:12px 2px;
    border-bottom:1px solid var(--line);
    font-size:var(--fs-body);
  }
  .site-nav .site-link.is-current{border-bottom:1px solid var(--line);color:var(--brand)}
  .site-nav .site-book{
    display:flex;
    justify-content:center;
    margin:12px 0 0;
    border-bottom:0;
  }
}
@media(max-width:560px){
  .site-langbar{
    flex:0 0 140px;
    width:140px;
    min-width:0;
    max-width:140px;
    display:grid;
    grid-template-columns:repeat(5,1fr);
  }
  .site-langbar button{min-width:0;padding:4px 0;font-size:0;line-height:1}
  .site-langbar button::before{font-size:10px}
  .site-langbar button[data-lang="ja"]::before{content:"日"}
  .site-langbar button[data-lang="en"]::before{content:"EN"}
  .site-langbar button[data-lang="zh-Hans"]::before{content:"简"}
  .site-langbar button[data-lang="zh-Hant"]::before{content:"繁"}
  .site-langbar button[data-lang="ko"]::before{content:"한"}
}