/* =========================================
   導覽列 (選單區塊) - 核心構圖修正
========================================= */
/* 導覽列基本樣式 */
.inner-nav {
    width: 100%;
	margin:0 0 50px 0; 
    position: flex;
	align-items: center; 
    top: 0;
    z-index: 1000;
}
.nav-container {
    max-width: 1200px;
	margin:auto; 
    display: flex;
    /* 核心修正：將 Logo 推向左邊，選單推向右邊 */
    justify-content: space-between; 
    align-items: center;         
    padding:0;          
}

/* Logo 變色容器 */
.nav-logo, .menu-item a {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none; /* 移除連結下底線 */
}

/* Logo 專屬尺寸與位移基準 */
.nav-logo {
    height: 66px;  
    width: 180px;
    margin-right: 0; /* 確保 Logo 緊貼左側 */
}

.nav-logo img {
    height: 132px; /* 原始圖檔包含藍+粉上下兩組的高度 */
    width: auto;
    transition: transform 0.3s ease;
}

/* 選單項目專屬尺寸與位移基準 */
.menu-item a {
    height: 61px;  /* 您單個選單標題的高度 */
    width: auto%;
}

.menu-item img {
    height: 122px; /* 原始圖檔包含藍+粉上下兩組的高度 */
    width: auto;
    transition: transform 0.3s ease;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 50px; 
}

/* --- 變色觸發 (Hover & Active) --- */

/* Logo 移入變粉紅 (向下移動) */
.nav-logo:hover img {
    transform: translateY(-66px);
}

/* 選單項目移入或當前頁面變粉紅 (向下移動) */
.menu-item:hover img, 
.menu-item.active img {
    transform: translateY(-61px);
}

/* =========================================
   頁面定位指標
========================================= */
.menu-item.active::after {
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
	pointer-events: none;
    cursor: default;
}
/* 2. 特殊狀態：當前頁面 (.active) 不需要手指符號 */
.menu-item.active a {
    cursor: default; /* 改回一般箭頭 */
}

/* 3. 確保當前頁面移入時，也不會出現手指 */
.menu-item.active a:hover {
    cursor: default;
}



/* =========================================
   手機版 RWD 調整
========================================= */
@media (max-width: 768px) {
    .nav-container {
        flex-direction: column; /* 手機版 Logo 與選單上下排列 */
        align-items: center;
        padding: 0 15px;
    }

    .nav-logo {
        margin-right: 0;
        margin-bottom: 0px;
        height: 66px; /* Logo 手機版縮小 */
    }

    .nav-logo img {
        height: 132px;
    }

    .nav-logo:hover img {
        transform: translateY(-61px);
    }

    .nav-menu {
        gap: 15px;
        justify-content: center;
    }

    .menu-item img {
        height: 122px; /* 選單項目手機版縮小 */
    }

    .menu-item a {
        height: 61px;
    }

    .menu-item:hover img, .menu-item.active img {
        transform: translateY(-61px);
    }