/* 基礎導覽列樣式 (配合 Headline 樣式) */
#mainmenu {
    display: flex;
    list-style: none;
    gap: 20px;
}

/* 下拉選單容器 */
.has-dropdown {
    position: relative;
}

/* 預設隱藏子選單 */
.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    padding: 10px 0;
    min-width: 150px;
    z-index: 999;
    list-style: none;
    border-radius: 4px;
}

.dropdown-menu li a {
    display: block;
    padding: 8px 20px;
    text-decoration: none;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu li a:hover {
    background-color: #f5f5f5;
}

/* 滑鼠移入顯示選單 */
.has-dropdown:hover .dropdown-menu {
    display: block;
}

/* 針對 Headline 黑色主題的微調 (選配) */
.gh-head-is-dark .dropdown-menu {
    background: #151719;
    color: #fff;
}


/* 讓導覽列與成員按鈕併排 */
.gh-head-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.member-subscribe-btn {
    display: flex;
    list-style: none;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
}

/* 捐款按鈕樣式 */
.donation-gold {
    background-color: #ffd700 !important;
    color: #000 !important;
    font-weight: bold;
    padding: 5px 12px;
    border-radius: 5px;
}

/* 這裡放之前的下拉選單 CSS... */
.has-dropdown { position: relative; }
.dropdown-menu { 
    display: none; 
    position: absolute; 
    background: #fff; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.1); 
    min-width: 150px;
    z-index: 1000;
}
.has-dropdown:hover .dropdown-menu { display: block; }
