/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/




/* ===== Global Nav & Elementor Nav Menu 下線（短・中央） ===== */

header .elementor-nav-menu a,
.grobal_nav nav ul li a {
  position: relative;
  color: #000;
  text-decoration: none;
  padding-bottom: 6px;
}

/* Elementor Nav Menu 既存アンダーライン完全無効化 */
.elementor-nav-menu--main .elementor-item::before,
.elementor-nav-menu--main .elementor-item:after {
  display: none !important;
}

/* PC時のホバー強制リセット */
.elementor-nav-menu--layout-horizontal .elementor-item:before,
.elementor-nav-menu--layout-horizontal .elementor-item:after {
  display: none !important;
}

/* Responsive・Dropdown対策も含む */
.elementor-nav-menu a {
  box-shadow: none !important;
  border-bottom: none !important;
}

/* 下線（デフォルト：非表示） */
header .elementor-nav-menu a::after,
.grobal_nav nav ul li a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scaleX(0);
  width: 36px; /* 下線の長さ（短く固定） */
  height: 2px;
  background: currentColor;
  transition: transform .28s cubic-bezier(.2,.8,.2,1);
  transform-origin: center;
}

/* Hover & Active */
header .elementor-nav-menu a:hover::after,
header .elementor-nav-menu .elementor-item-active::after,
.grobal_nav nav ul li:hover a::after,
.grobal_nav nav ul li.true a::after {
  transform: translateX(-50%) scaleX(1);
}

/* テーマ・プラグインの下線を完全排除 */
header .elementor-nav-menu a,
.grobal_nav nav ul li a {
  border-bottom: none !important;
  background-image: none !important;
}

/* SP対策 */
@media (max-width:768px) {
  header .elementor-nav-menu a::after,
  .grobal_nav nav ul li a::after {
    width: 24px;
    bottom: -2px;
  }
}