/* ナビゲーションリンクのアンダーバー修正 - ロゴを除外 */

/* ロゴ（navbar-brand）には明示的にアンダーバーを無効化 */
.navbar-brand::after,
.glass-navbar .navbar-brand::after,
#main-navbar .navbar-brand::after,
a.navbar-brand::after {
  display: none !important;
  content: none !important;
}

/* 正しいセレクタ - ナビゲーションメニューのリンクのみ */
.navbar-nav .nav-link::after,
#main-navbar .navbar-nav .nav-link::after,
.glass-navbar .navbar-nav .nav-link::after,
ul.navbar-nav .nav-link::after,
li.nav-item .nav-link::after {
  content: '' !important;
  position: absolute !important;
  width: 100% !important;
  height: 4px !important;
  bottom: 0 !important;
  left: 0 !important;
  background: #56d1a7 !important;
  transform: scaleX(0) !important;
  transform-origin: bottom right !important;
  transition: transform 0.3s ease-out !important;
  opacity: 0.8 !important;
  z-index: 1 !important;
}

/* アクティブ・ホバー時のアンダーバー表示 - ナビゲーションメニューのリンクのみ */
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after,
#main-navbar .navbar-nav .nav-link:hover::after,
#main-navbar .navbar-nav .nav-link.active::after,
.glass-navbar .navbar-nav .nav-link:hover::after,
.glass-navbar .navbar-nav .nav-link.active::after,
ul.navbar-nav .nav-link:hover::after,
ul.navbar-nav .nav-link.active::after,
li.nav-item .nav-link:hover::after,
li.nav-item .nav-link.active::after {
  transform: scaleX(1) !important;
  transform-origin: bottom left !important;
  opacity: 1 !important;
  height: 4px !important;
  background: linear-gradient(90deg, #56d1a7, #7ae7ff) !important;
  box-shadow: 0 0 8px rgba(86, 209, 167, 0.6) !important;
}