/* =========================================================
   ログイン中に表示される管理バーとの重なり対策
   固定ヘッダー（sticky）が管理バーの下に隠れないよう、その高さ分ずらす
   （管理バーは 600px 以下ではスクロールと一緒に流れるので、ずらさない）
   ========================================================= */
.admin-bar .header { top: var(--wp-admin--admin-bar--height, 32px); }
.admin-bar .gnav { top: var(--wp-admin--admin-bar--height, 32px); }

@media (max-width: 600px) {
  .admin-bar .header,
  .admin-bar .gnav { top: 0; }
  /* 600px 以下の管理バー（高さ 46px）はドロワーより手前に描画されるため、
     閉じるボタン（✕）とメニューがその下に隠れないよう、管理バーの高さ分だけ下げる */
  .admin-bar .gnav { padding-top: calc(72px + var(--wp-admin--admin-bar--height, 46px)); }
  .admin-bar .gnav__close { top: calc(14px + var(--wp-admin--admin-bar--height, 46px)); }
}