:root{--amm-navy:#0F1E4A;--amm-gold:#E3B35A;--amm-link:#0F1E4A;--amm-cols:4}

/* ===== Desktop ===== */
@media (min-width:981px){

	/* Top-level links: sliding gold underline */
	.amm-top #top-menu>li>a{position:relative;color:var(--amm-link)!important;font-weight:500;opacity:1!important;transition:color .25s ease,letter-spacing .25s ease}
	.amm-top #top-menu>li>a:before{content:"";position:absolute;left:50%;right:50%;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--amm-gold);transition:left .3s ease,right .3s ease}
	.amm-top #top-menu>li:hover>a:before,
	.amm-top #top-menu>li.current-menu-item>a:before,
	.amm-top #top-menu>li.current-menu-ancestor>a:before,
	.amm-top #top-menu>li.current_page_item>a:before{left:6px;right:6px}
	.amm-top #top-menu>li:hover>a,
	.amm-top #top-menu>li.current-menu-item>a,
	.amm-top #top-menu>li.current-menu-ancestor>a,
	.amm-top #top-menu>li.current_page_item>a{color:var(--amm-navy)!important;letter-spacing:.3px}

	/* Let the panel span the whole header */
	#main-header:has(.amm-mega) .container,
	#main-header:has(.amm-mega) #et-top-navigation,
	#main-header:has(.amm-mega) #top-menu-nav{position:static!important}
	#top-menu li.amm-mega{position:static!important}
	#top-menu li.amm-mega>a:after{transition:transform .3s ease}
	#top-menu li.amm-mega:hover>a:after{transform:rotate(180deg)}

	/* The panel */
	#top-menu li.amm-mega>ul.sub-menu{
		position:absolute!important;left:0!important;right:0!important;top:100%!important;
		width:100%!important;margin:0!important;
		display:grid!important;grid-template-columns:repeat(var(--amm-cols),minmax(0,1fr));gap:10px 14px;align-items:start;
		padding:30px max(24px,calc((100% - 1180px)/2)) 34px!important;
		background:
			radial-gradient(900px 280px at 88% -30%,color-mix(in srgb,var(--amm-gold) 22%,transparent),transparent 70%),
			radial-gradient(600px 240px at 5% 110%,color-mix(in srgb,#fff 6%,transparent),transparent 70%),
			linear-gradient(180deg,color-mix(in srgb,var(--amm-navy),#fff 7%),var(--amm-navy))!important;
		border:0!important;border-top:3px solid var(--amm-gold)!important;
		box-shadow:0 34px 60px -24px rgba(6,12,36,.6)!important;
		opacity:0;visibility:hidden;transform:translateY(14px);
		transition:opacity .3s ease,transform .3s ease,visibility .3s;
		z-index:99999;
	}
	#top-menu li.amm-mega:hover>ul.sub-menu,
	#top-menu li.amm-mega:focus-within>ul.sub-menu,
	#top-menu li.amm-mega.et-hover>ul.sub-menu{opacity:1!important;visibility:visible!important;transform:none}

	/* Fit columns to the number of items */
	#top-menu li.amm-mega.amm-n-1>ul.sub-menu{--amm-cols:1}
	#top-menu li.amm-mega.amm-n-2>ul.sub-menu{--amm-cols:2}
	#top-menu li.amm-mega.amm-n-3>ul.sub-menu{--amm-cols:3}
	#top-menu li.amm-mega.amm-n-4>ul.sub-menu{--amm-cols:4}
	#top-menu li.amm-mega.amm-n-5>ul.sub-menu{--amm-cols:5}
	#top-menu li.amm-mega.amm-fit>ul>li.amm-featured{grid-row:auto}
	#top-menu li.amm-mega.amm-n-1>ul.sub-menu,
	#top-menu li.amm-mega.amm-n-2>ul.sub-menu{padding-left:max(24px,calc((100% - 760px)/2))!important;padding-right:max(24px,calc((100% - 760px)/2))!important}

	/* Items */
	#top-menu li.amm-mega>ul>li{
		list-style:none;float:none!important;width:auto!important;padding:0!important;margin:0!important;
		opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease;
	}
	#top-menu li.amm-mega:hover>ul>li,
	#top-menu li.amm-mega:focus-within>ul>li{opacity:1;transform:none}
	#top-menu li.amm-mega>ul>li:nth-child(1){transition-delay:.04s}
	#top-menu li.amm-mega>ul>li:nth-child(2){transition-delay:.08s}
	#top-menu li.amm-mega>ul>li:nth-child(3){transition-delay:.12s}
	#top-menu li.amm-mega>ul>li:nth-child(4){transition-delay:.16s}
	#top-menu li.amm-mega>ul>li:nth-child(5){transition-delay:.20s}
	#top-menu li.amm-mega>ul>li:nth-child(6){transition-delay:.24s}
	#top-menu li.amm-mega>ul>li:nth-child(7){transition-delay:.28s}
	#top-menu li.amm-mega>ul>li:nth-child(n+8){transition-delay:.32s}

	#top-menu li.amm-mega>ul>li>a{
		display:flex!important;align-items:flex-start;gap:14px;width:auto!important;
		padding:14px 16px!important;border-radius:14px;border:1px solid transparent;
		color:#fff!important;font-size:15px;line-height:1.3;opacity:1!important;
		transition:background .25s ease,border-color .25s ease,transform .25s ease;
	}
	#top-menu li.amm-mega>ul>li>a:hover{
		background:color-mix(in srgb,#fff 8%,transparent)!important;
		border-color:color-mix(in srgb,var(--amm-gold) 45%,transparent);
		transform:translateX(5px);
	}
	.amm-ico{flex:0 0 44px;height:44px;display:grid;place-items:center;border-radius:12px;
		background:color-mix(in srgb,var(--amm-gold) 16%,transparent);color:var(--amm-gold);
		transition:background .25s ease,color .25s ease,transform .25s ease}
	.amm-ico svg{width:22px;height:22px}
	a:hover>.amm-ico{background:var(--amm-gold);color:var(--amm-navy);transform:rotate(-7deg) scale(1.06)}
	.amm-txt{display:block;min-width:0}
	.amm-t{display:block;font-weight:600;font-size:15px;color:#fff}
	.amm-d{display:block;margin-top:3px;font-size:12.5px;line-height:1.4;color:rgba(255,255,255,.64)}

	/* Featured card */
	#top-menu li.amm-mega>ul>li.amm-featured{grid-column:var(--amm-cols);grid-row:1 / span 2;align-self:stretch}
	#top-menu li.amm-mega>ul>li.amm-featured>a{
		flex-direction:column;justify-content:flex-end;gap:7px;height:100%;min-height:170px;
		padding:22px!important;border-radius:18px;position:relative;overflow:hidden;
		background:linear-gradient(145deg,var(--amm-gold),color-mix(in srgb,var(--amm-gold),#fff 30%))!important;
		color:var(--amm-navy)!important;border:0;
	}
	#top-menu li.amm-mega>ul>li.amm-featured>a:after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;
		border:22px solid color-mix(in srgb,var(--amm-navy) 10%,transparent);pointer-events:none}
	#top-menu li.amm-mega>ul>li.amm-featured>a:hover{transform:translateY(-4px);background:linear-gradient(145deg,var(--amm-gold),color-mix(in srgb,var(--amm-gold),#fff 30%))!important}
	.amm-f-badge{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
		background:var(--amm-navy);color:var(--amm-gold);padding:3px 10px;border-radius:99px}
	.amm-f-title{font-size:19px;font-weight:700;line-height:1.2;color:var(--amm-navy)}
	.amm-f-text{font-size:13px;line-height:1.45;color:var(--amm-navy);opacity:.85}
	.amm-f-btn{margin-top:4px;font-size:13px;font-weight:700;color:var(--amm-navy)}
	.amm-f-btn i{font-style:normal;display:inline-block;transition:transform .25s ease}
	a:hover>.amm-f-btn i{transform:translateX(6px)}
}

/* ===== Mobile / tablet (Divi mobile menu) ===== */
@media (max-width:980px){
	.et_mobile_menu{background:var(--amm-navy)!important;border-top:3px solid var(--amm-gold)!important;border-radius:0 0 16px 16px}
	.et_mobile_menu li a{color:#fff!important;font-weight:500;border-bottom:1px solid rgba(255,255,255,.08)!important;background:transparent!important}
	.et_mobile_menu li a:hover,.et_mobile_menu li.current-menu-item>a{color:var(--amm-gold)!important;background:rgba(255,255,255,.05)!important}
	.mobile_menu_bar:before{color:var(--amm-navy)!important}
	.et_mobile_menu .amm-child>a{display:flex!important;align-items:center;gap:12px}
	.et_mobile_menu .amm-ico{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--amm-gold) 18%,transparent);color:var(--amm-gold)}
	.et_mobile_menu .amm-ico svg{width:18px;height:18px}
	.et_mobile_menu .amm-t{color:#fff;font-weight:500}
	.et_mobile_menu .amm-d{display:none}
	.et_mobile_menu .amm-featured>a{display:flex!important;flex-direction:column;gap:4px;margin:10px 5%;border-radius:14px;border:0!important;
		background:var(--amm-gold)!important;color:var(--amm-navy)!important}
	.et_mobile_menu .amm-f-badge{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--amm-navy);color:var(--amm-gold);padding:2px 8px;border-radius:99px}
	.et_mobile_menu .amm-f-title,.et_mobile_menu .amm-f-btn{color:var(--amm-navy);font-weight:700}
	.et_mobile_menu .amm-f-text{color:var(--amm-navy);font-size:13px}
}

@media (prefers-reduced-motion:reduce){
	#top-menu li.amm-mega>ul,#top-menu li.amm-mega>ul>li,.amm-ico{transition:none!important;transform:none!important}
}
