/* =====================================
   グローバルメニュー
===================================== */

/* 通常時 */
.kawako-global-menu .nav-link {
  color: #8f61dc !important;
  background-color: transparent !important;
  border-color: transparent !important;
  text-decoration: none !important;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

/* 現在のページと、その親タブ */
.kawako-global-menu .nav-link.active,
.kawako-global-menu .nav-item.active > .nav-link,
.kawako-global-menu .nav-link[aria-current="page"] {
  color: #4f2f78 !important;
  background-color: #eadcf5 !important;
}

/* ほかのタブにカーソルがある間は、現在地の背景色を消す */
.kawako-global-menu:has(.nav-link:hover) .nav-link.active,
.kawako-global-menu:has(.nav-link:hover) .nav-item.active > .nav-link,
.kawako-global-menu:has(.nav-link:hover) .nav-link[aria-current="page"] {
  color: #8f61dc !important;
  background-color: transparent !important;
}

/* カーソルが当たっているタブだけに色を付ける */
.kawako-global-menu .nav-link:hover,
.kawako-global-menu:has(.nav-link:hover) .nav-link.active:hover,
.kawako-global-menu:has(.nav-link:hover) .nav-item.active > .nav-link:hover,
.kawako-global-menu:has(.nav-link:hover) .nav-link[aria-current="page"]:hover {
  color: #4f2f78 !important;
  background-color: #eadcf5 !important;
  border-color: transparent !important;
  text-decoration: none !important;
}

/* キーボード操作時 */
.kawako-global-menu .nav-link:focus-visible {
  outline: 2px solid #8f6bb3;
  outline-offset: -2px;
}

/* 下に開くメニュー */
.kawako-global-menu .dropdown-item:hover,
.kawako-global-menu .dropdown-item:focus {
  color: #4f2f78 !important;
  background-color: #eadcf5 !important;
  text-decoration: none !important;
}
/* =====================================
   川高日記「もっと見る」ボタン
===================================== */

.kawako-diary-more {
  margin: 12px 0 24px;
  text-align: center;
}

.kawako-diary-more a {
  display: inline-block;
  padding: 9px 24px;
  color: #6f4aaa !important;
  font-weight: 700;
  text-decoration: none !important;
  background-color: #ffffff;
  border: 1px solid #8f6bb3;
  border-radius: 999px;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.kawako-diary-more a:hover,
.kawako-diary-more a:focus {
  color: #ffffff !important;
  background-color: #6f4aaa;
  text-decoration: none !important;
}