/* ① ヘッダー内のリンクを“ボタンとして成立”させる（まず効かせる） */
.Header__headerRow a,
#headerRow a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* ② サインイン/登録っぽいリンクだけボタン化（hrefでだいたい拾う） */
.Header__headerRow a[href*="signin"],
.Header__headerRow a[href*="login"],
.Header__headerRow a[href*="sign-in"],
#headerRow a[href*="signin"],
#headerRow a[href*="login"],
#headerRow a[href*="sign-in"] {
  background: #ffffff !important;
  color: #1f2a44 !important;
  font-weight: 600 !important;
}

.Header__headerRow a[href*="signup"],
.Header__headerRow a[href*="register"],
.Header__headerRow a[href*="sign-up"],
#headerRow a[href*="signup"],
#headerRow a[href*="register"],
#headerRow a[href*="sign-up"] {
  border: 1px solid rgba(255,255,255,0.85) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  margin-left: 10px !important;
  background: rgba(255,255,255,0.08) !important;
}

/* hover */
.Header__headerRow a[href*="signin"]:hover,
.Header__headerRow a[href*="login"]:hover,
#headerRow a[href*="signin"]:hover,
#headerRow a[href*="login"]:hover {
  opacity: 0.9 !important;
}

.Header__headerRow a[href*="signup"]:hover,
.Header__headerRow a[href*="register"]:hover,
#headerRow a[href*="signup"]:hover,
#headerRow a[href*="register"]:hover {
  background: rgba(255,255,255,0.16) !important;
}

/* 右上エリア（サインイン/登録が載っているところ）の要素を “リンク/ボタン問わず” ボタン化 */
#headerRow > * {
  /* 何もしない（保険） */
}

/* ヘッダー右側のクリック要素を広めに拾う */
#headerRow a,
#headerRow button,
#headerRow [role="button"],
#headerRow .Header__headerUser a,
#headerRow .Header__headerUser button,
#headerRow .Header__headerUser [role="button"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* まず “右上のテキストリンク” を全部 白ボタンにする（＝サインインもこれでボタン化される） */
#headerRow a,
#headerRow button,
#headerRow [role="button"]{
  background: #ffffff !important;
  color: #1f2a44 !important;
  font-weight: 600 !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
}

/* そして “登録” だけアウトラインに戻す（登録は今効いてるので、それを優先させる） */
#headerRow a[href*="signup"],
#headerRow a[href*="register"],
#headerRow a[href*="sign-up"],
#headerRow button[href*="signup"],
#headerRow button[href*="register"],
#headerRow button[href*="sign-up"]{
  background: rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.85) !important;
  margin-left: 10px !important;
}

/* hover */
#headerRow a:hover,
#headerRow button:hover,
#headerRow [role="button"]:hover{
  opacity: 0.9 !important;
}

/* ロゴ周り：背景色/背景/影/疑似要素を全部殺す */
#headerContainer .Header__headerBrand,
#headerContainer .Header__brand,
#headerContainer .Header__brandLogo,
#headerContainer .Header__brandLogo a{
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* 白い丸が ::before / ::after で作られている場合の対策 */
#headerContainer .Header__headerBrand::before,
#headerContainer .Header__headerBrand::after,
#headerContainer .Header__brand::before,
#headerContainer .Header__brand::after,
#headerContainer .Header__brandLogo::before,
#headerContainer .Header__brandLogo::after,
#headerContainer .Header__brandLogo a::before,
#headerContainer .Header__brandLogo a::after{
  content: none !important;
  display: none !important;
}

/* ロゴ画像自体の丸み・余白も念のためリセット */
#headerContainer .Header__brandLogoImg{
  border-radius: 0 !important;
}
#headerContainer .Header__brandLogo a{
  padding: 0 !important;
  border-radius: 0 !important;
}