/* Header Menu Fix - 縦表示問題を解決 */

/* ナビゲーションの強制横並び */
#site-navigation .nav-menu,
#site-navigation ul.nav-menu,
#primary-menu,
.main-navigation .nav-menu,
.main-navigation ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    align-items: center;
}

/* メニューアイテムの横並び */
#site-navigation li,
#site-navigation .nav-menu li,
#primary-menu li,
.nav-menu > li,
.main-navigation li {
    display: inline-flex !important;
    flex-direction: row !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
    align-items: center;
}

/* リンクスタイル */
#site-navigation a,
.nav-menu > li > a,
#primary-menu > li > a {
    display: flex !important;
    align-items: center;
    padding: 0 20px;
    height: 100%;
    color: #374151;
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

/* サブメニューの修正 */
.nav-menu .sub-menu,
#primary-menu .sub-menu {
    display: none !important;
    position: absolute !important;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    min-width: 200px;
    z-index: 1000;
    flex-direction: column !important;
    padding: 8px 0;
}

/* サブメニューのホバー表示 */
.menu-item-has-children:hover > .sub-menu {
    display: block !important;
}

/* サブメニューのリストアイテム */
.sub-menu li {
    display: block !important;
    height: auto !important;
    width: 100%;
}

/* サブメニューのリンク */
.sub-menu a {
    display: block !important;
    padding: 10px 20px !important;
    height: auto !important;
    color: #4b5563;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.sub-menu a:hover {
    background: #f3f4f6;
    color: #4f46e5;
    padding-left: 24px !important;
}

/* ドロップダウンインジケーター */
.menu-item-has-children > a:after {
    content: ' ▼';
    font-size: 0.6rem;
    opacity: 0.5;
    margin-left: 4px;
}

/* WordPressのデフォルトスタイルを上書き */
.nav-menu br,
#primary-menu br {
    display: none !important;
}

/* 新しいドロップダウンメニューのサポート */
.menu-item-has-children {
    position: relative !important;
}

/* 事例・実績と会社情報のドロップダウンを確実に表示 */
.nav-menu li.menu-item-has-children > .sub-menu {
    min-width: 240px !important;
    max-height: none !important;
}

/* サブメニュー内のリンクを整列 */
.sub-menu li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* フレックスボックスの強化 */
.header-content {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: 80px;
}

.main-navigation {
    flex: 1;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* リストマーカーを確実に削除 */
.nav-menu li::before,
#primary-menu li::before,
.nav-menu li::marker,
#primary-menu li::marker {
    display: none !important;
    content: none !important;
}

/* floatの無効化 */
.nav-menu li,
#primary-menu li {
    float: none !important;
}

/* clearfixの無効化 */
.nav-menu:after,
#primary-menu:after {
    display: none !important;
}