/* ============================================================= Header nav
 * Second-level (dropdown) menu styling for .menu-item-has-children.
 * ========================================================================= */
#menu-header .sub-menu { list-style:none; margin:0; padding:0; }
#menu-header .submenu-toggle { display:none; }  /* mobile-only accordion caret */

/* Desktop: hover dropdown */
@media (min-width:768px){
	#menu-header .menu-item-has-children { position:relative; }
	#menu-header .menu-item-has-children > a::after {
		content:"\25BE"; margin-left:5px; font-size:11px; opacity:.7; display:inline-block;
	}
	#menu-header .sub-menu {
		position:absolute; top:100%; left:50%;
		transform:translateX(-50%) translateY(6px);
		min-width:240px; background:#fff; border-radius:10px;
		box-shadow:0 10px 30px rgba(0,0,0,.13); padding:8px 0; z-index:50;
		opacity:0; visibility:hidden; transition:opacity .18s ease, transform .18s ease;
	}
	#menu-header .menu-item-has-children:hover > .sub-menu,
	#menu-header .menu-item-has-children:focus-within > .sub-menu {
		opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);
	}
	/* bridge the gap so the dropdown doesn't close between item and menu */
	#menu-header .menu-item-has-children::before {
		content:""; position:absolute; top:100%; left:0; right:0; height:14px;
	}
	#menu-header .sub-menu li { text-align:left; }
	#menu-header .sub-menu a {
		display:block; padding:9px 20px; font-size:14px; line-height:1.35;
		color:#222 !important; white-space:nowrap; transition:background .15s;
	}
	#menu-header .sub-menu a:hover { background:#f5f5f5; color:#000 !important; }
	#menu-header .sub-menu .current-menu-item > a { font-weight:600; }
}

/* Mobile: collapsible accordion for the second level */
@media (max-width:767px){
	#menu-header { margin-top:20px; }
	#menu-header > li { border-top:1px solid #ededed; }
	#menu-header > li > a { display:block; padding:14px 10px; font-size:17px; }

	/* parent row = link + caret toggle button */
	#menu-header .menu-item-has-children > a::after { content:""; }
	#menu-header .menu-item-has-children { position:relative; }
	#menu-header .submenu-toggle {
		display:block; position:absolute; top:0; right:0; width:56px; height:52px; border:0; background:none;
		font-size:24px; line-height:52px; color:#111; cursor:pointer;
	}
	#menu-header .submenu-toggle::before { content:"\002B"; }               /* + */
	#menu-header .menu-item-has-children.is-open > .submenu-toggle::before { content:"\2212"; } /* − */

	/* the sub-menu is collapsed until opened */
	#menu-header .sub-menu { display:none; padding:0 0 8px; background:#fafafa; }
	#menu-header .menu-item-has-children.is-open > .sub-menu { display:block; }
	#menu-header .sub-menu li { border-top:1px solid #efefef; }
	#menu-header .sub-menu a {
		display:block; padding:11px 10px 11px 26px; font-size:14.5px; line-height:1.35;
		color:#555 !important; text-align:left;
	}
	#menu-header .sub-menu a:active { background:#f0f0f0; }
}