/* === モバイル用ナビゲーション（.nav-menu 構造のページ共通） ===
   aizebot.html / advisor.html / owner-settlement.html で読み込む。
   768px 以下では .nav-menu が非表示になるため、ハンバーガーで開閉できるようにする。 */

.hamburger-menu {
    display: none;
    cursor: pointer;
    padding: 4px;
}
.hamburger-menu div {
    width: 25px;
    height: 3px;
    background-color: #FFFFFF;
    margin: 5px 0;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

@media (max-width: 768px) {
    .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #003C8F;
        flex-direction: column;
        align-items: stretch;
        padding: 10px 0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    }
    .nav-menu.active {
        display: flex;
    }
    .nav-menu a {
        display: block;
        width: 100%;
        padding: 15px 0;
        margin: 0;
        text-align: center;
        font-size: 15px;
        color: #FFFFFF;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .nav-menu a:last-child {
        border-bottom: none;
    }
    .hamburger-menu {
        display: block;
    }
    .hamburger-menu.active .bar1 { transform: rotate(-45deg) translate(-5px, 6px); }
    .hamburger-menu.active .bar2 { opacity: 0; }
    .hamburger-menu.active .bar3 { transform: rotate(45deg) translate(-5px, -6px); }
    header .header-container {
        position: relative;
    }
}