/* BENJAamuletID 子主題 — 補充樣式
   1. 頁首／頁尾容器：等同 Elementor 產出的版面值（防禦性備援，Elementor CSS 沒載入時版面也不會塌）
   2. 手機下拉選單：沿用 Elementor 的開合機制（.elementor-active），只補站上配色
*/

/* ---------- 頁首容器（等同頁首模板 #18 的產生值） ---------- */
.elementor-location-header .elementor-element-a1b2c3d1 {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	background-color: #05060A;
	border-bottom: 1px solid rgba(237, 190, 132, 0.35);
	padding: 14px 24px;
}

/* ---------- 頁尾容器（等同頁尾模板 #26 的產生值） ---------- */
.elementor-location-footer .elementor-element-f1a2b3c1 {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #0A0C12;
	border-top: 1px solid rgba(237, 190, 132, 0.25);
	padding: 50px 24px 40px;
}

/* ---------- 內文容器（skip link 目標） ---------- */
#content.benja-content {
	display: block;
	min-height: 1px;
}

/* ---------- 手機／平板的二層選單開合（原本由 Elementor Pro 的 JS 負責） ---------- */
@media (max-width: 1024px) {
	.elementor-location-header .elementor-nav-menu--dropdown .sub-menu,
	.elementor-location-footer .elementor-nav-menu--dropdown .sub-menu {
		display: none !important;
		position: static !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		padding-left: 14px !important;
	}

	.elementor-location-header .elementor-nav-menu--dropdown li.benja-open > .sub-menu,
	.elementor-location-footer .elementor-nav-menu--dropdown li.benja-open > .sub-menu {
		display: block !important;
	}

	/* 有子選單的項目在小螢幕也要顯示 ▾（原本由 Elementor Pro 的 sub-arrow 圖示提供）。
	   Elementor 對 .elementor-item::after 有動畫用的絕對定位／零高度規則，
	   特異性比這裡高，所以 position / 尺寸 / opacity 一律要 !important 蓋掉，否則箭頭隱形。 */
	.elementor-location-header .elementor-nav-menu--dropdown li.menu-item-has-children > a::after,
	.elementor-location-footer .elementor-nav-menu--dropdown li.menu-item-has-children > a::after {
		content: "\25BE";
		display: inline-block;
		position: static !important;
		inset: auto !important;
		width: auto !important;
		height: auto !important;
		background: none !important;
		transform: none !important;
		margin-left: 6px;
		font-size: .7em;
		opacity: 1 !important;
		line-height: 1;
	}
}