/* 兩個 Header 都固定在頂部 */
#header-white,
#header-black {
    width: 100% !important;
    z-index: 999 !important;
}

/* 初始狀態：顯示白色，隱藏黑色 */
#header-white {
    display: flex !important;
}

#header-black {
    display: none !important;
}

/* 滾動後：隱藏白色，顯示黑色 */
body.scrolled #header-white {
    display: none !important;
}

body.scrolled #header-black {
    display: flex !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}


/* 移除按鈕外框線 */
header .menu-item-3592 a:hover {
    outline: none !important;
    border: none !important;
}


@media (max-width: 1024px) {
	
	#header-white .elementor-menu-toggle__icon--close{
		color:#ffffff;
	}
	#header-white .elementor-menu-toggle__icon--open{
		color:#ffffff;
	}
	
	/* Header 導航選單 - 容器 */
#header-white .elementor-nav-menu,
#header-black .elementor-nav-menu {
    border-top: 1px solid #E6E7E7;
    background-color: white;
    height: 100vh!important;
	  margin-top:20px;
		margin-left: 16px;
    margin-right: 16px;
    border-radius: 8px;
  	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
	
#header-white .elementor-nav-menu--dropdown,
#header-black .elementor-nav-menu--dropdown {
    background-color: transparent;
}	
	
	
	
/* Header 導航選單 - 選單項目 */
#header-white .elementor-nav-menu > li > a,
#header-black .elementor-nav-menu > li > a {
    padding: 16px 24px;
    color: #3C3D3D;
	  background-color: white;
		border-radius: 8px;
}

#header-white .elementor-nav-menu > li > a:hover,
#header-black .elementor-nav-menu > li > a:hover {
    background-color: white;
}

/* 最後一個選單項目 */
#header-white .elementor-nav-menu > li:last-child,
#header-black .elementor-nav-menu > li:last-child {
    margin-top: 100px;
    padding: 12px 24px 24px 24px;
    border-top: 1px solid #E6E7E7;
}

/* 聯絡我們按鈕 */
header .menu-item-3592 a {
    background-color: #FFA500 !important;
    color: white !important;
    border-radius: 100px !important;
    text-align: center;
    width: auto !important;
    display: block;
}

header .menu-item-3592 a:hover {
    background-color: #F18700 !important;
}

/* 子選單 */
header .menu-item-2645 a,
header .menu-item-5268 a,
header .menu-item-5267 a {
    background-color: white;
    color: #3C3D3D !important;
}

header .menu-item-2645 a:hover,
header .menu-item-5268 a:hover,
header .menu-item-5267 a:hover {
    background-color: white !important;
    color: #FFA500 !important;
}
	


	
	
}