/* ヘッダーを画面上部に固定(デスクトップのみ。モバイルは通常スクロール)
   テーマページでは template-part のラッパー(header.wp-block-template-part)が
   cs-header を包むため、ラッパー側を sticky にする。
   プラグインページ(/docs/)はラッパーなしで cs-header が直接出力されるため両方指定。 */
@media (min-width: 681px) {
  .wp-site-blocks > header.wp-block-template-part,
  body > header.cs-header,
  .csdocs-standalone header.cs-header {
    position: sticky;
    top: 0;
    z-index: 100;
  }
  /* 管理バー表示中(ログイン時)は管理バーの高さ分だけ下げる */
  body.admin-bar .wp-site-blocks > header.wp-block-template-part,
  body.admin-bar > header.cs-header,
  body.admin-bar.csdocs-standalone header.cs-header {
    top: 46px;
  }
}
@media (min-width: 783px) {
  body.admin-bar .wp-site-blocks > header.wp-block-template-part,
  body.admin-bar > header.cs-header,
  body.admin-bar.csdocs-standalone header.cs-header {
    top: 32px;
  }
}

.cs-header a {
  color: #0A0A0A;
  text-decoration: none;
}
.cs-header a:hover,
.cs-header a:focus {
  color: #0F6E56;
}
.cs-header .wp-block-site-logo:empty {
  display: none;
}

/* モバイル: タイトルを縮小して1行に、余白をコンパクトに */
@media (max-width: 680px) {
  header.cs-header {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
  .cs-header .wp-block-site-title {
    font-size: 16px !important;
  }
  .cs-header .wp-block-site-title a {
    white-space: nowrap;
  }
}

/* モバイルのハンバーガーメニュー(開いた状態)の背景をサイトのトーンに合わせる */
.cs-header .wp-block-navigation__responsive-container.is-menu-open {
  background-color: #FDF1EA;
}
.cs-header .wp-block-navigation__responsive-container.is-menu-open a {
  font-size: 18px;
  color: #0A0A0A;
}