/**
 * 東リサイト PCメニューアクティブ表示スタイル
 * @version 1.0.0
 */

/* ==========================================================================
   PCメニューのアクティブ状態
   ========================================================================== */

/* メインナビゲーションのアクティブ状態 - hover時と同じスタイル */
.p-headerPC__navItem.active > .p-headerPC__navText {
  color: #010101;
  background: rgba(238, 238, 238, 0.9);
  position: relative;
}

.p-headerPC__navItem.active > .p-headerPC__navText a {
  color: #010101;
}

/* リンク直接のアクティブ状態 */
.p-headerPC__navText a.active {
  color: #010101;
}

/* 親要素がアクティブ（サブメニューがアクティブの場合） */
.p-headerPC__navItem.active-parent > .p-headerPC__navText {
  color: #010101;
  background: rgba(238, 238, 238, 0.7);
  position: relative;
}

.p-headerPC__navItem.active-parent > .p-headerPC__navText a {
  color: #010101;
}

/* ドロップダウンメニュー内のアクティブ状態 */
.p-headerPC__dropDownNavItem.active {
  background-color: #f0f7ff;
  position: relative;
}

.p-headerPC__dropDownNavItem.active a {
  color: #004b87;
  font-weight: bold;
}

/* ドロップダウンメニュー内のアクティブマーカー */
.p-headerPC__dropDownNavItem.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background-color: #004b87;
}

/* ホバー時のトランジション */
.p-headerPC__navText,
.p-headerPC__dropDownNavItem {
  transition: background-color 0.3s ease;
}

/* アクティブ状態でのホバー効果を調整 */
.p-headerPC__navItem.active:hover > .p-headerPC__navText,
.p-headerPC__navItem.active-parent:hover > .p-headerPC__navText {
  background: rgba(238, 238, 238, 0.9);
}

.p-headerPC__dropDownNavItem.active:hover {
  background-color: #e0efff;
}

/* アクセシビリティ対応 - フォーカス時のスタイル */
.p-headerPC__navText a.active:focus,
.p-headerPC__dropDownNavItem.active a:focus {
  outline: 2px solid #ffd700;
  outline-offset: 2px;
}

/* aria-current属性を持つ要素のスタイル（将来的な実装用） */
.p-headerPC__navText a[aria-current="page"],
.p-headerPC__dropDownNavItem a[aria-current="page"] {
  /* activeクラスと同じスタイルを適用 */
  color: #004b87;
  font-weight: bold;
}