/**
 * FBE Mega Menu — styles panel mega menu header (snippet fbe-mega-menu v2.0.0).
 *
 * Hanya berlaku bila DUA kondisi terpenuhi:
 *   1) <html> membawa kelas `fbe-mm-ready` (ditambahkan frontend.js saat init sukses), DAN
 *   2) viewport >= 1025px.
 * Di luar itu (<=1024px, atau tanpa JS) file ini tidak mengubah apa pun —
 * dropdown/burger bawaan Elementor Pro tetap bekerja seperti sebelumnya.
 *
 * v1.0.3: paksa `white-space: normal` — aturan nav bawaan Elementor menetapkan
 *   nowrap pada tautan di dalam nav, sehingga deskripsi kita dulu merender satu
 *   baris dan menembus kolom sebelahnya. + overflow-wrap utk kata panjang.
 *
 * v1.0.4: naikkan z-index <ul> nav utama (2 -> 100) — Elementor mengurung
 *   dropdown dalam konteks stacking z2, sehingga foto hero halaman (mis. single
 *   berita, konteks z5) menutupi panel. Konten situs maks z ~5; overlay sistem
 *   (dropdown Pro 9997, popup 9999+) tetap di atas.
 *
 * v2.0.0: dukungan multi-header — blok scope baru `.fbe-mm-nav` di akhir
 *   file (duplikat aturan, untuk widget nav-menu header unit/prodi; pilot
 *   header prodi 2965, menu `prodi-magister-akuntansi`). Aturan lama
 *   `.elementor-61` tidak berubah.
 *
 * Palet mengikuti kit situs: accent #F7CA26 (gold), secondary #031E53 (navy),
 * slate #56688C, cream #FDEFBC. Font: Montserrat (judul) + Roboto (deskripsi).
 */

@media (min-width: 1025px) {

	/* ---------- sembunyikan dropdown bawaan selama panel mega aktif ---------- */
	html.fbe-mm-ready .elementor-61 .elementor-nav-menu--main .sub-menu {
		display: none !important;
	}

	/* ---------- konteks stacking nav ----------
	   <ul> nav bawaan Elementor ber-z-index 2 (membentuk konteks stacking),
	   sehingga panel kita (z60) TERKURUNG dan konten halaman berkonteks lebih
	   tinggi (foto hero single berita = z5) menutupinya. Naikkan <ul> →
	   seluruh panel/dropdown di atas konten halaman, tetap di bawah overlay
	   sistem (dropdown Pro 9997, popup 9999+). */
	html.fbe-mm-ready .elementor-61 .elementor-nav-menu--main ul.elementor-nav-menu {
		z-index: 100;
	}

	/* ---------- panel ---------- */
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel {
		position: absolute;
		top: 100%;
		left: -12px;
		z-index: 60;
		display: grid;
		gap: 4px 26px;
		background: #fff;
		border-top: 3px solid var(--e-global-color-accent, #F7CA26);
		border-radius: 0 0 12px 12px;
		box-shadow: 0 24px 48px rgba(3, 30, 83, 0.16), 0 2px 8px rgba(3, 30, 83, 0.05);
		padding: 20px 22px 22px;
		text-align: left;
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s linear 0.16s;
	}

	html.fbe-mm-ready .elementor-61 li.fbe-mm-open > .fbe-mm-panel {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s;
	}

	/* ---------- teks panel ----------
	   Aturan dropdown bawaan Elementor menetapkan white-space: nowrap pada
	   tautan di dalam nav (mewarisi ke keturunan kita) — paksa wrap agar
	   deskripsi tidak pernah merembes ke kolom sebelahnya, dan izinkan
	   pemenggalan kata panjang. */
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-link,
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-feat,
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-head,
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-strip,
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-strip a {
		white-space: normal;
		overflow-wrap: anywhere;
	}

	/* ---------- kolom & grup ---------- */
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-grp {
		min-width: 0;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-head {
		display: flex;
		align-items: center;
		gap: 8px;
		font: 700 10.5px/1 Montserrat, "Segoe UI", sans-serif;
		letter-spacing: 0.13em;
		text-transform: uppercase;
		color: #56688C;
		margin: 2px 0 9px;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-head::before {
		content: "";
		width: 14px;
		height: 3px;
		border-radius: 2px;
		background: var(--e-global-color-accent, #F7CA26);
		flex: 0 0 auto;
	}

	/* grup 2 kolom internal (Dosen & Layanan) */
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-cols2 {
		display: grid;
		grid-template-columns: repeat(2, minmax(215px, 1fr));
		column-gap: 26px;
		align-items: start;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-cols2 .fbe-mm-head {
		grid-column: 1 / -1;
	}

	/* ---------- tautan ---------- */
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-link {
		display: block;
		text-decoration: none;
		padding: 7px 10px;
		margin: 0 -10px 2px;
		border-radius: 8px;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-link .t {
		display: block;
		font: 600 13.5px/1.3 Montserrat, "Segoe UI", sans-serif;
		color: var(--e-global-color-secondary, #031E53);
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-link .d {
		display: block;
		font: 400 11.5px/1.45 Roboto, "Segoe UI", sans-serif;
		color: #56688C;
		margin-top: 2px;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-link:hover {
		background: #FFF9E6;
		box-shadow: inset 3px 0 0 var(--e-global-color-accent, #F7CA26);
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-link:hover .t {
		color: var(--e-global-color-secondary, #031E53);
	}

	/* ---------- kartu sorotan ---------- */
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-feat {
		display: block;
		text-decoration: none;
		border: 1px solid #E3E6EF;
		background: #FCFDFF;
		border-radius: 10px;
		padding: 11px 13px;
		margin-bottom: 8px;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-feat .t {
		display: block;
		font: 700 12.5px/1.3 Montserrat, "Segoe UI", sans-serif;
		color: var(--e-global-color-secondary, #031E53);
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-feat .d {
		display: block;
		font: 400 11px/1.45 Roboto, "Segoe UI", sans-serif;
		color: #56688C;
		margin-top: 3px;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-feat .go {
		display: inline-block;
		font: 600 10.5px/1 Montserrat, "Segoe UI", sans-serif;
		color: #A87E00;
		margin-top: 6px;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-feat:hover {
		border-color: #FADB6E;
		background: #FFFDF4;
	}

	/* ---------- baris bawah (mis. IUP) ---------- */
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-strip {
		grid-column: 1 / -1;
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px dashed #D8DCE6;
		display: flex;
		align-items: center;
		gap: 14px;
		flex-wrap: wrap;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-strip .lab {
		font: 700 10.5px/1 Montserrat, "Segoe UI", sans-serif;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: #56688C;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-strip a {
		font: 600 12px/1.2 Montserrat, "Segoe UI", sans-serif;
		color: var(--e-global-color-secondary, #031E53);
		text-decoration: none;
		border-bottom: 2px solid #FDEFBC;
	}

	html.fbe-mm-ready .elementor-61 .fbe-mm-panel .fbe-mm-strip a:hover {
		border-bottom-color: var(--e-global-color-accent, #F7CA26);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.fbe-mm-ready .elementor-61 .fbe-mm-panel {
		transition: none;
	}
}

/* ==========================================================================
   v2.0.0 — blok scope `.fbe-mm-nav` (duplikat aturan di atas).
   Aktif untuk widget nav-menu yang membawa kelas `fbe-mm-nav`
   (pilot: header prodi 2965; menu `prodi-magister-akuntansi`).
   Aturan `.elementor-61` di atas TIDAK berubah.
   ========================================================================== */

@media (min-width: 1025px) {

	/* ---------- sembunyikan dropdown bawaan selama panel mega aktif ---------- */
	html.fbe-mm-ready .fbe-mm-nav .elementor-nav-menu--main .sub-menu {
		display: none !important;
	}

	/* ---------- konteks stacking nav ----------
	   <ul> nav bawaan Elementor ber-z-index 2 (membentuk konteks stacking),
	   sehingga panel kita (z60) TERKURUNG dan konten halaman berkonteks lebih
	   tinggi (foto hero single berita = z5) menutupinya. Naikkan <ul> →
	   seluruh panel/dropdown di atas konten halaman, tetap di bawah overlay
	   sistem (dropdown Pro 9997, popup 9999+). */
	html.fbe-mm-ready .fbe-mm-nav .elementor-nav-menu--main ul.elementor-nav-menu {
		z-index: 100;
	}

	/* ---------- panel ---------- */
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel {
		position: absolute;
		top: 100%;
		left: -12px;
		z-index: 60;
		display: grid;
		gap: 4px 26px;
		background: #fff;
		border-top: 3px solid var(--e-global-color-accent, #F7CA26);
		border-radius: 0 0 12px 12px;
		box-shadow: 0 24px 48px rgba(3, 30, 83, 0.16), 0 2px 8px rgba(3, 30, 83, 0.05);
		padding: 20px 22px 22px;
		text-align: left;
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s linear 0.16s;
	}

	html.fbe-mm-ready .fbe-mm-nav li.fbe-mm-open > .fbe-mm-panel {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: opacity 0.16s ease, transform 0.16s ease, visibility 0s;
	}

	/* ---------- teks panel ----------
	   Aturan dropdown bawaan Elementor menetapkan white-space: nowrap pada
	   tautan di dalam nav (mewarisi ke keturunan kita) — paksa wrap agar
	   deskripsi tidak pernah merembes ke kolom sebelahnya, dan izinkan
	   pemenggalan kata panjang. */
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-link,
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-feat,
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-head,
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-strip,
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-strip a {
		white-space: normal;
		overflow-wrap: anywhere;
	}

	/* ---------- kolom & grup ---------- */
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-grp {
		min-width: 0;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-head {
		display: flex;
		align-items: center;
		gap: 8px;
		font: 700 10.5px/1 Montserrat, "Segoe UI", sans-serif;
		letter-spacing: 0.13em;
		text-transform: uppercase;
		color: #56688C;
		margin: 2px 0 9px;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-head::before {
		content: "";
		width: 14px;
		height: 3px;
		border-radius: 2px;
		background: var(--e-global-color-accent, #F7CA26);
		flex: 0 0 auto;
	}

	/* grup 2 kolom internal (Dosen & Layanan) */
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-cols2 {
		display: grid;
		grid-template-columns: repeat(2, minmax(215px, 1fr));
		column-gap: 26px;
		align-items: start;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-cols2 .fbe-mm-head {
		grid-column: 1 / -1;
	}

	/* ---------- tautan ---------- */
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-link {
		display: block;
		text-decoration: none;
		padding: 7px 10px;
		margin: 0 -10px 2px;
		border-radius: 8px;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-link .t {
		display: block;
		font: 600 13.5px/1.3 Montserrat, "Segoe UI", sans-serif;
		color: var(--e-global-color-secondary, #031E53);
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-link .d {
		display: block;
		font: 400 11.5px/1.45 Roboto, "Segoe UI", sans-serif;
		color: #56688C;
		margin-top: 2px;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-link:hover {
		background: #FFF9E6;
		box-shadow: inset 3px 0 0 var(--e-global-color-accent, #F7CA26);
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-link:hover .t {
		color: var(--e-global-color-secondary, #031E53);
	}

	/* ---------- kartu sorotan ---------- */
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-feat {
		display: block;
		text-decoration: none;
		border: 1px solid #E3E6EF;
		background: #FCFDFF;
		border-radius: 10px;
		padding: 11px 13px;
		margin-bottom: 8px;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-feat .t {
		display: block;
		font: 700 12.5px/1.3 Montserrat, "Segoe UI", sans-serif;
		color: var(--e-global-color-secondary, #031E53);
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-feat .d {
		display: block;
		font: 400 11px/1.45 Roboto, "Segoe UI", sans-serif;
		color: #56688C;
		margin-top: 3px;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-feat .go {
		display: inline-block;
		font: 600 10.5px/1 Montserrat, "Segoe UI", sans-serif;
		color: #A87E00;
		margin-top: 6px;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-feat:hover {
		border-color: #FADB6E;
		background: #FFFDF4;
	}

	/* ---------- baris bawah (mis. IUP) ---------- */
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-strip {
		grid-column: 1 / -1;
		margin-top: 12px;
		padding-top: 12px;
		border-top: 1px dashed #D8DCE6;
		display: flex;
		align-items: center;
		gap: 14px;
		flex-wrap: wrap;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-strip .lab {
		font: 700 10.5px/1 Montserrat, "Segoe UI", sans-serif;
		letter-spacing: 0.1em;
		text-transform: uppercase;
		color: #56688C;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-strip a {
		font: 600 12px/1.2 Montserrat, "Segoe UI", sans-serif;
		color: var(--e-global-color-secondary, #031E53);
		text-decoration: none;
		border-bottom: 2px solid #FDEFBC;
	}

	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel .fbe-mm-strip a:hover {
		border-bottom-color: var(--e-global-color-accent, #F7CA26);
	}
}

@media (prefers-reduced-motion: reduce) {
	html.fbe-mm-ready .fbe-mm-nav .fbe-mm-panel {
		transition: none;
	}
}